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)