I fond that whenever I change the max-width property within the graphql query that gets the image, it slightly changes the URL of the source on the build. Despite the name of the image is the same.
Here is an example of how the URL changes
when I have the same image with (maxWidth: 1400):
And here with maxWidth: 1500:
From a SEO perspective it is not recommended to change the URL of the main "src" attribute inside img element. It's like telling Google that now there is a completely new images. (indeed this is also not recommended by Google (source1, source2)
For this example I use gatsby-source-wordpress but I think that this behavior is global and has to do with how webpack handle the images.
This is the query used for this example. The only change regards the maxWidth proprierty.
acf {
img_copertina {
localFile {
childImageSharp {
fluid(maxWidth: 1400){
...GatsbyImageSharpFluid_tracedSVG
src
}
}
}
}
} Expected Behaviour
Since the image hasn't change it's name its url should remain the same even when it changes quality or width.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4