Using Images in Templates

read

General Guidelines

Even the world’s most beautiful email template can be ruined by bad images. To ensure you don't fall victim to some common issues using images in your email templates, adhere to these universal guidelines.

Adding Alt Text

When you insert an image into your template, you will want to establish Alternative Text ("Alt Text") that will be shown in situations where your image doesn't load properly within your email (or when images may be blocked altogether). To add Alt Text for an image in Klaviyo, click on the image within your template and you will see this feature listed in Image Settings. Your Alt Text should provide a very short description of the image.

Making Images Crisper/Optimizing for Retina Display

If you are concerned that your images are not rendering as clean or as crisp as you'd like, there are steps you can take to improve image quality.

One of the prevailing standards for improving the crispness of a rendered image in an email is to insert an image 2x the desired size and then reduce the image size in your template. There are two ways to approach this in Klaviyo:

  • Insert a large, crisp version of your image and resize to your preferred dimensions.
  • Insert a natively larger image (i.e. 600px wide) and display at a smaller size (i.e. 300px width) 

2019-09-11_17-05-57.png

Interested in email design? Check out our Guide to Email Design to learn more.
x
Was this article helpful?
17 out of 47 found this helpful