Tips for sharp images in your email

Do you want your email to look professional with clear images? These simple tips will help you achieve that.

Always use the correct image sizes. Make sure the image is at least as large as the space where it will be displayed. It’s better to use a slightly larger image than one that’s too small — enlarging a small image often results in blurriness or pixelation. For the Mail Module, we recommend an image size of 600 x 300 pixels. For high-resolution displays like Retina screens, use 1200 x 400 pixels for best results.

Phones often have high-resolution screens, which can make images appear unsharp if they aren’t saved at a high enough resolution. You can prevent this by saving your image at twice the size of how it will be displayed. For example: if you want your image to appear as 300 x 300 pixels, save it as 600 x 600 pixels.

Using Adobe Illustrator? Go to File → Export → Export for Screens. Under "Scale", you can export your image at a higher resolution, such as 2x or 4x.
​Read more here about the recommended image sizes for your emails.

For images in emails, you can only use PNG or JPEG files. PNG is best suited for logos or images with text, as it generally stays sharper. JPEG (JPG) is ideal for photos of people, atmospheric visuals, or background images.

Text included within an image can appear unsharp, especially on smaller screens, and even more so if the text is small. It’s better to place important text directly in the email using a text widget, rather than adding it to the image. This way, your image remains high-quality, and your text stays readable across all devices.

Over-compressing images (to reduce file size) can lead to unsharp results. Use a tool like TinyPNG to reduce the file size without sacrificing quality.

Always send yourself a test email and view it on different devices, such as your phone and laptop. This allows you to immediately see how sharp your image appears in the inbox. Learn more here about how to send a test email.