Customized gift card images are showing blurry

Store Design
1

Hi there!

I just learned how to customize gift card image, and having a problem.

I was able to change the image successfully, however image of gift card appears blurry in preview page, tho it showing up sharp in notification email.

I’ve tried to different size of image - recommend size from shopify 950x550, small 500x300, large 5000x3000, and even tried different format - jpg, png. But I’m not able to make the image clear.

Screen Shot 2022-10-13 at 10.12.50 AM.png
Screen Shot 2022-10-13 at 10.12.50 AM.png886×1176 54.3 KB

This is how my preview page looks like with code: <img src=“{{ ‘esby-gift-card3.jpg’ | asset_img_url: 1024x1024 }}” alt=width=“500” height=“300”>

and

Screen Shot 2022-10-13 at 10.18.57 AM.png
Screen Shot 2022-10-13 at 10.18.57 AM.png900×888 26.2 KB

this is what it looks like if I use code: <img src=“{{ ‘esby-gift-card3.jpg’ | asset_img_url: 1024x1024 }}” alt=“”">

Can anyone help me with this?

2

Hi @goodclothes ,

Please change code:

=>

Hope it helps!

3

Hi Litos!

Thank you so much! it worked for me!!

1 Like
4

Hey! I tried this fix but it didn’t work for me. It actually made my image disappear entirely. Do you have any other ideas?

Thanks!

5

Hi @joelyma ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.