Solved

Text Blurred in Banner Image (Desktop). Help!

Shawn512
Shopify Partner
107 2 11

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:

Shawn512_0-1684584214438.png

 

thats my design

Shawn512_1-1684584251373.png

 

Pet Travel Supplies Small Business
Accepted Solution (1)

Shawn512
Shopify Partner
107 2 11

This is an accepted solution.

I found the answer.

I use the code to make destkop & Image seperately.

thats the problem and I fix it.

Pet Travel Supplies Small Business

View solution in original post

Replies 6 (6)

vian_FoxEcom
Shopify Partner
104 6 19

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,

Find my answer helpful? Give it a like :]
Try Foxify now - #1 Conversion-focused page builder.
Use FoxKit free - All-in-one Sales Boost.
FoxEcom smart solutions impact sales, costs, and profit all at once.
Shawn512
Shopify Partner
107 2 11

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.

Pet Travel Supplies Small Business
vian_FoxEcom
Shopify Partner
104 6 19

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 🙂

Find my answer helpful? Give it a like :]
Try Foxify now - #1 Conversion-focused page builder.
Use FoxKit free - All-in-one Sales Boost.
FoxEcom smart solutions impact sales, costs, and profit all at once.
Shawn512
Shopify Partner
107 2 11

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.

Pet Travel Supplies Small Business

Shawn512
Shopify Partner
107 2 11

This is an accepted solution.

I found the answer.

I use the code to make destkop & Image seperately.

thats the problem and I fix it.

Pet Travel Supplies Small Business
Jinfeng
New Member
6 0 0

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