Hi All,
Using the Dawn theme and I’m using TinyIMG to help me get my SEO sorted. On my main page I have a collage which has three products in it. I have selected “Show second image on hover” for each product.
When I look at the audit reports from TinyIMG there is an error. The text of the error is below:
You have 1 images that are larger than needed to be displayed resulting in 9.33 Kb of potential savings. Serving images that are appropriately-sized will save cellular data and improve load times. You have 1 images that are larger than needed to be displayed!
- https://cdn.shopify.com/s/files/1/0565/1375/7269/products/cotton-unisex-hoodie-best-ever-cat-mom-hoodie-187923.jpg?v=1668494784&width=360 - 28.29 Kb (Can be 33% smaller)
When I look through the page with “Inspect”, the only place that line occurs is within a srcset tag related to the 2nd image image hover. In this case, it’s in the srcset for the second image. I have absolutely no idea where to start in terms of fixing this issue. I have attached a screenshot of the characteristics of the second image as displayed by “inspect” which makes no sense either. The original image is not square and is 1365 x 2048. The screenshot below reports the rendered size as 361 x 361 and then has other stats don’t make any sense. I’ve spent a long time trying to figure out what is going on here but I’m no closer to an answer than I was 2 days ago.
Can anyone point me in the right direction?
