Questions related to the gatsby-image plugin. https://www.gatsbyjs.org/packages/gatsby-image/
Questions tagged [gatsby-image]
292 questions
-1
votes
1 answer
Gatsby Image Optimizations - Is there a way to reduce size of generated GraphQL json files in page-data folder?
I'm working on a Gatsby site, which I want to optimize before uploading it to Netlify. Other than the react_devtools_backend.js which is 448kb! (hopefully I can get rid of by switching to Preact...) I am using multiple images in the app (currently…
Signet OHara
- 43
- 2
-1
votes
1 answer
Your wordpress server appears to be overloaded. [SOLVED]
I'm getting the error below when trying to call gatsby develop.
ERROR #gatsby-source-wordpress-experimental_111007
gatsby-source-wordpress Your wordpress server at http://localwp/graphql appears to be overloaded
Try reducing the…
alexandre_anicio
- 143
- 8
-1
votes
1 answer
GatsbyJS: Preload critical masthead image
I am having an issue on my site where my above-the-fold masthead image comes in way too late which makes the site feel slow. The site is built with GatsbyJS where I am using the Gatsby Image plugin as well. I have tried with rel="preload as="image"…
TurboTobias
- 595
- 3
- 19
-1
votes
1 answer
Graphql Filter out specific images to not show up?
My current image component maps through all the images in my folder and displays them, but I want to filter out two of my images so I can apply them to another page instead of displaying on the current page with all the other images in my…
designxd10
- 57
- 8
-1
votes
2 answers
Trouble using gatsby-image with material-ui CardMedia component
Material-ui's Card component can have a CardMedia component as a child that accepts image source as a prop. Gatsby-image on the other hand requires it's own source as a prop(fixed or fluid).
rahul-g
- 1
- 1
-1
votes
2 answers
All gatsby-image images being rendered as one slide using react-slick
I have been struggling with this issue for a few weekends now. I'm trying to build a carousel in to my (first) Gatsby website using react-slick however when I view the frontend after running gatsby develop the slider initialised but the markup that…
Chris Wells
- 1
- 4
-1
votes
1 answer
How to add images side-by-side responsively in Markdown Mdxjs in a Gatsby site?
I want to put images side-by-side responsively using Markdown Mdxjs (for a Gatsby site).
Tables did not work for me, because:
it's necessary to add titles to columns (I just want to display images, no text).
it's not responsive for mobile (if…
Mostafa
- 1,501
- 3
- 21
- 37