Image appearing blurry for gift card email template

Technical Q&A
1

I’m using code and trying to input xmas_gift_card_2 into the original code, and it comes up in the preview, but is really blurry. I have tried changing the image size, type of file, but it isn’t improving the quality

2

Is it just the preview or is it the actual email as well?

3

Hi @annabelg18
Could you share the code, that you added?

4

Hi, this is the code i used. The file name is correct and it is appearing but just appears blurry. Thanks– <img src=“{{ ‘xmas_gift_card.png’ | file_img_url }}” alt=“Gift card image” width=“200” height=“200”>

5

In the preview and when i send a test email

6

You’re using the file_img_url filter which by default produces the image file up to 100x100 pixels.
Which is then stretched to 200x200 (at least, according to width and height params).

You need to make it like this:

<img 
  src="{{ 'xmas_gift_card.png' | file_img_url: '200x200' }}"
  alt="Gift card image" 
  width="200" 
  height="200"
>