Weird Blur remaining in Gatsby-Plugin-Image

🆘 Support
1

Hi!

Just wanted to check, since updating to gatsby-plugin-image & gatsby-v3 I am getting blur that doesn’t disappear once the image is loaded.

image

I am guessing data-placeholder-image should disappear.

image
image1165×384 44.4 KB

Using:
gatsbyImageData(
width: 900
forceBlurhash: true
imgixParams: {auto: “compress,enhance,format”}
placeholder: BLURRED
)

Sorry for the trouble O_O

2

Its due to:
imgStyle={{objectFit: ‘contain’}}
passed to GatsbyImage.

Gotta use CONSTRAINED and by height - I am testing it.
Thanks and sorry for the spam

1 Like