How can I improve the quality of my website's banner image?

Shopify Discussion
1

Hi all,

I need help for improving my banner image on my website. They are not in the highest quality I believe and I can’t seem to fix it. Please help!

Thanks!!

2

Hi @Fabianoo ,

Can you please share your store link, and also mention which banner are you talking about explicitly.

Thanks

Yash Garg

3

Hi Yashgarg,

Thanks for reaching out. The link is www.kinandskin.com

4

It’s the 2 main banner at the home page.

5

Seeing the html of one of this banner, I see

Now instead of having min-width in sizes attribute, can you use max-width instead.
or if you cannot make that change switch 100vw and 50vw.

So essentially 2 solutions to try
either change to - sizes=“(max-width: 750px) 50vw, 100vw”
or change to - sizes=“(min-width: 750px) 100vw, 50vw”

6

Hi @Fabianoo ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

7

Thanks! but how do i navigate to this code?