Image compression and loss of quality

Julien_Mamalian
New Member
2 0 2

Hello,

Shopify is compressing my pictures which become blur... The only solution I found to solve my issue is to load the picture at a high height and reduce the height with css which is totally stupid and in fact, load images with more ko than my compressed picture for the same quality (I have used kraken.io to compress pictures)

To understand my issue :

When I load the picture at 565px height which is the final size I want to :

 

If I use my cheat code :

<img style="height: 565px" src="{{ image.src | img_url: 'x900', format: 'pjpg'  }}" alt="{{ image.alt | escape }}" slide-number="{{ iterator }}">

The difference of quality between both is very important. My question is why ? How can I fix that without using my cheat code ?
Loading all my pictures in bigger size is stupid

I have certainly missed something in shopify image optimization but I cant find a solution

 

Thank you for your help,

Julien

AlexD11
Tourist
5 0 1

Shopify compression is a real crap! Has anyone managed to bypass it?

0 Likes