Hi,
I am getting a recurring rendering issue on my app. where only the first image in a RG is rendering and the rest are blurred.
Screen recording here:
The app is setup with a splash screen to allow the page to load prior to going into the main app.
The RG’s have limited number of items in them (up to 15) and the images are being processed with Imigix other than the top row of icons which aren’t which suggests that Imigix isn’t the problem.
Link below to the app to see if it does the same for you.
This happens a lot of the time but not 100% of the time.
Any pointers as to what I’m doing wrong?
Many thanks.
your source images are TINY!!! (8px x5 px, 400b)
That’s why they are blurred when stretched to normal size.
The URLs have some parameters for defining the size of the images:
?w=8&h=&auto=compress&dpr=1&q=0&fit=max
Which is why they are only 8 pixels wide.
I don’t know where those parameters are being defined (are you defining them yourself?), or if you’re doing some kind of transformation on the uploaded images? But a width of 8 pixels is far too small.
But if you remove the parameters, or set them to something more reasonable, the images should display just fine:
Thanks. That must be Imigix where I have the quality set to 0 to try and improve load speeds!
Strange how the first image in each RG is ok though!
