low quality Images on Homepage

[Arnas_S]

Hello,

I am having issues with HQ photos. I have uploaded two banners on front page (sizes around 1MB; dimensions: 1080px on 1920px; file type: PGN), but once I upload them to the store, the quality gets very dizzy.. Even if the picture looks quite good, the text of the picture gets very blurry...

What would be the solution to the problem?

I saw that other people also experience the same problem, but could not find a solution..

here is a preview link: https://cemy8lsh9jyb3mjd-26794066000.shopifypreview.com

original photo:
 
Thank you in advance
Arnas,

[Pallavi]

Hi @Arnas_S

Please try to change it to <img class="banner" src="{{ collection.image | img_url: 'master' }}" width="100%" />

And check your image again