Questions related to the gatsby-image plugin. https://www.gatsbyjs.org/packages/gatsby-image/
Questions tagged [gatsby-image]
292 questions
0
votes
0 answers
Gatsby replace image by base64 string in html but still serves it in javascript
I include some small images in my Gatsby website. The resulting html uses base64 strings which is fine. For some reason Gatsby includes exactly the same base64 image strings in component---src-pages-index-js-89ae02357f7d97fc84f9.js.
Simon Ludwig
- 1,754
- 1
- 20
- 27
0
votes
1 answer
I need to add gatsby-image to my site. Need some direction
I am trying to add gatsby-image with GraphQL. I don't need to rewrite my entire starter I just want the image optimization for loading times. All of the data queries were done with lodash so im getting confused. I know I am missing something simple…
Johnathan Coker
- 71
- 1
- 10
0
votes
1 answer
Cannot display Img from gatsby-image
I am trying to display an image using the Img from 'gatsby-image'. I am using graphql to pull the image data from the the src/images directory.
The query returns the data, and here is the console output :
file:
id:…
Amir
- 1,422
- 1
- 15
- 28
0
votes
2 answers
Is there a way to use gatsby image processing for html5 video poster?
Hello to anyone that uses gatsbyJS, would there be anyway to use a gatsby image with the blur up or traced view to serve as a video poster?
I believe…
omee33
- 5
- 4
0
votes
1 answer
Using gatsby-image without GraphQL?
Unfortunately, we are using Gatsby but foregoing many of its features like GraphQL. I would like to still use gatsby-image. Even though I won't be able to benefit from the resizing transformations, I'd like to get the other benefits like lazy…
Oliver Ullman
- 5
- 4
0
votes
2 answers
Querying all images in a specific folder using gatsbyjs GraphQL
I'm building my website with GatsbyJS and graphsql. On my projects site I want to display a grid with Images that Link to further sites.
In order to do that I need to query multiple images. I created a folder in my images folder called "portfolio"…
wischn
- 21
- 6
0
votes
1 answer
Graphql query does not return image for gatsby-image but works in graphiQL
I am building a blog with multiple gatsby-source-filesystem instances.
I am trying to use gatsby-image on a page but it simply returns:
TypeError: Cannot read property 'fixed' of undefined
The image I'm trying to query is located at…
p_tul
- 11
- 3
0
votes
1 answer
GatsbyJS - load multiple remote images and link to node - no ChildImageSharp
My setup is GatsbyJS with Ghost as an external CMS and I am trying to load all images of a page locally.
So I found a blog post showing me a way to do this for one image, which worked for me:…
Rolf B
- 61
- 7
0
votes
1 answer
Gatsby WorkerError:
Im new at Gatsby , when I try to start the Gatsby project gatsby develop --port 8080 , I'm meeting the following error:
WorkerError: Processing…
Sunstrike527
- 515
- 1
- 4
- 17
0
votes
1 answer
how can i map my default export in GraphQL with Gatbsy Image?
I want to map my export in GraphQL, instead of repeat my images 3 times, check my code to understand me.
this is my export :
export default [
{
id: Math.random(),
imageUrl: require("../../images/recent-game/1.jpg"),
},
{
id:…
Adam Kif
- 107
- 2
- 9
0
votes
0 answers
How to create remote file node for contentful image
I am looking for help. I create a blog in gatsby using contentful.
I would like the photos in posts to use gatsby-plugin-sharp and gatsby-image. If I understand correctly, I have to use createRemoteFileNode from the gatsby-source-filesystem plugin.…
Kamil Olszewski
- 1
- 1
0
votes
1 answer
Gatsby image not working with list widgets from Netlify CMS
I am having a weird problem with Gatsby and Netlify CMS website.
I am using gatsby-remark-relative-images to use the images fetched from Netlify CMS with gatsby-image. It works perfectly fine for the image widgets that are directly inside the…
Kenta. K
- 91
- 4
- 11
0
votes
0 answers
How to customize publicURL of images
I am using gatsby with gatsby-source-strapi.
The following graphql request returns the publicURL of a Post.
allStrapiPost {
nodes {
image {
publicURL
}
}
}
This url looks like…
tomole
- 927
- 3
- 12
- 35
0
votes
4 answers
Width style attribute not being respected properly in html?
Iam working with Gatsby's Img component but I cannot figure out how to properly set the width. It seems to sort of ignore the width and just choose its own width. The image should be exactly 276px like specified in the width attribute and the text…
Barsonax
- 197
- 2
- 12
0
votes
1 answer
Gatsby JS: Remark splash image referencing either a relative or remote image
I have two markdown files, one that references a relative image for its splash image and another that references an external image.
---
cover: relative.jpeg
---
Content Foo
and
---
cover: https://external.com/external_image.jpg
---
Content Zap
I…
alainh
- 63
- 7