Text Blurred in Banner Image (Desktop). Help!

[Shawn512]

Website: Julibee.com

Problems: I made banner image, the text on the image would get blur in desktop view. (I use code to make the image show different on desktop and mobile). Mobile is fine.

How can I get the text on the pics clear?

thanks!

thats the site shows:

thats my design

[vian_FoxEcom]

Hi @Shawn512 

The image is pixelated on desktop because the dimension is not suitable.

I suggest you try changing the dimension by exporting it to a bigger size.

Let me know if that works 🙂

Cheers,

[Shawn512]

Hey, thanks for you reply.
It doesnt work.

😂my pic is 1024x600, and I tried 2048x1200, still the same, I thought shopify somehow compresses my pic.

[vian_FoxEcom]

Hi @Shawn512 

I tried accessing your website, but it said Access Denied. Is it the correct URL?

Can you send me your original Shopify URL (abc.myshopify.com)?

I need to look at the page directly to see what went wrong.

Sometimes even when you use pictures with large mentions, the code loads the image in a different dimension.

Keep me posted 🙂

[Shawn512]

Hey, thanks for you reply.
It doesnt work. my pic is 1024x600, and I tried 2048x1200, still the same, I thought shopify somehow compresses my pic.

[Shawn512 · Accepted solution]

I found the answer.

I use the code to make destkop & Image seperately.

thats the problem and I fix it.

[Jinfeng]

Hi Shawn, same problem and what's the solution for Dawn theme?

[MT91]

I've got the same problem so I made my image 2000x600 as the suggested size but it's still so blurry!! what code did you use?