Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

@fourpost/gatsby-plugin-extract-image-color

Extracts colors from image adds them to the image data

Since DatoCMS doesn’t actually download images during Gatsby builds, we need an additional way to grab image colors. Appending ?palette=json to DatoCMS image URLs returns the color palette, which we add to the GraphQL node.

This is a modified version of gatsby-plugin-extract-image-color

Installation

  1. npm i @fourpost/gatsby-plugin-extract-image-color
  2. Add config to gatsby-config.js
// gatsby-config.js
module.exports = {
  plugins: [
    //... Other plugins
    'gatsby-plugin-extract-image-color'
  ]
}
© 2023 Gatsby, Inc.