My banner looks great in mobile view and blurry in desktop view

turtlelionowl
Excursionist
13 0 3

 

Hi,

 

I tried many dimensions and I cant get the desktop view of my banner to be clear. Its also really big, I'm looking for advice to also make it smaller.

 

 

 

IMG_4607.PNGScreenshot 2024-04-27 at 11.41.16 PM.png

 

Thanks!

Replies 3 (3)

tim
Shopify Expert
3464 280 1285

Your source image is 1200px wide, it will be blurry on a 1920px wide screen.

So, load bigger image, theme will resize it to fit the visitors screen.

Do not use PNG -- it will be too heavy and will slow your site.

Use JPEG instead even though Shopify will probably serve WEBP anyway.

If my post is helpful, consider liking it -- it will help others with similar problem to find a solution.
I can be reached via e-mail tairli@yahoo.com
turtlelionowl
Excursionist
13 0 3

Thank you, what size should i make it? 1920px?

turtlelionowl
Excursionist
13 0 3

I tried 1920x and while it is clearer, thank you!.. the banner is even bigger. I would like my banner thin like this site. https://culturetags.com/

 

Screenshot 2024-04-28 at 10.04.13 AM.png