Text to Image Ratio

Supercharge Your Email Campaigns with Images

1

For email marketing campaigns, click-throughs are everything. You can generate clicks with an effective subject line, calls to action (CTAs), links, and text. But even though they say “copy is king,” a picture can be worth a thousand words.

Robust visual design and cohesive images make your emails pop and reinforce your text. Images are also a great way to convey information quickly.

Of course, there is such a thing as too much of a good thing. So what’s the right balance? Is there an ideal text-to-image ratio for email?

Let’s talk about how to enhance your email newsletters or campaigns with images, some pitfalls to avoid, and what types of images to include.

What are some best practices for using images in email designs?

Interested in integrating images into your email designs? Here are some tips to get you started:

  • Choose an appropriate image size. Image dimensions should be at least twice the size of the image placeholder to make them pop even on high-definition 4K and Retina displays.
  • Pick the right image format. PNGs, GIFs, and JPEGs are the best formats for HTML email designs. They each have their pros and cons, which we’ll discuss below.
  • Use alt-text. Alternative (alt) text provides context for your images and makes them more accessible. They are also a good backup system if an email client blocks images.
  • Maintain a strong brand identity with the right images. Copy is important, but you can also use images to develop your brand voice.

Not quite sure what we mean? We’ll dig into each of these recommendations below.

How do I choose the right image size for email designs?

The general rule is that your image dimensions should be twice the size of the image placeholder in your email template. This makes your image look sharp even on high-definition displays, like 4k and Retina. If you’re ever unsure, check out each email service provider’s guidelines for images since the width of emails may differ between providers.

Most email marketing templates have a width of 600 pixels. So, a full-width image would need to be 1200 pixels wide for optimal appearance in Retina-quality displays.

Aspect ratio for images in email

Also, remember to choose the right image size to maintain consistency throughout your email marketing campaign. For instance, your header image and fonts should be the same size even if your email layout differs.

How do I pick the right image format for emails?

Bigger is better, right? Not necessarily. Spammers have been known to use images with large file sizes. So picking the right image format can protect your email’s deliverability and decrease load time. Both are important for keeping your email subscribers engaged.

Here are some common image formats we recommend, as well as some pros and cons for each format:

  • Portable Network Graphics (PNG): PNGs are a lossless format with a 24-bit color palette, which means it produces high-resolution images. You can also make PNGs transparent, which is great for accommodating background images or text. The only drawback: PNGs are much larger than JPEGs or GIFs.
  • Joint Photographic Experts Group (JPEG or JPG): JPEGs are a lossy format with a 24-bit color palette. This means that while JPEGs are much smaller than PNGs and GIFs, some image information is lost as the image file is compressed during email transmission.  
  • Graphics Interchange Format (GIF): GIFs are an animated lossless format with an 8-bit color palette. They’re great for showcasing multiple products and for adding some interactivity to your email design. However, GIFs are also quite large, and their 8-bit palette means there is some color reduction.

What is alt text?

Alt text is the text part of the HTML alt tag attribute that describes an image. Screen readers read alt text aloud to help visually impaired users navigate web pages. Alt text also helps SEO by helping search engines “read” your image.

More importantly, when images are blocked by their email client or fail to load, alt text can help “fill in the blank.” Many email clients will display the alt text when images are blocked. In other words, alt text can improve the readability of your emails by providing context for images even when they aren’t displayed. 

Check out our tutorial on inserting alt text in your HTML email designs.

How do I use images to support brand identity?

Just like you maintain a brand voice in your copy, you can use strong visual designs and email templates to create an instantly recognizable visual “voice.” Consistent color schemes and cohesive image content target specific marketing demographics and build a unique brand identity.

Remember, pictures are powerful, but an off-brand meme can distract your subscribers and detract from your on-brand message.

When you use images in your emails, remember to stay on-brand and pick appropriate visuals. Also, consider coordinating with your social media and marketing teams to create a cohesive visual voice across different marketing streams that appeal to your desired user base.

What are some things to avoid when adding images to emails?

Adding images to your email designs can be tricky, but we’ve got you covered. Here are some pitfalls to avoid when using images in your email design:

  • Know which email clients block images: Though this is less common now, it’s still good practice to know which email clients block images to gauge the impact on your user base.
  • Know when to use images and when to use text: Using text ensures your email is readable even if an email client doesn’t display your images. It’s possible that individual recipients will have image loading turned off. Other subscribers may be using screen readers, which won’t interpret text on graphics. That’s why alt text is important and all-image emails aren’t such a great idea. The most important info should always be in text.
  • Remember the 60/40 rule for text-to-image ratio: Try to make your text at least 60% of your email and ensure that images don’t take up more than 40% of your content. Remember, a good balance between images and text increases your email’s readability (more on this below).

Which email clients block images?

Once upon a time, many email clients blocked images or stopped them from displaying by default. Thankfully, most email clients now automatically load images on mobile and web apps. For instance, Gmail and Apple Mail show images by default. However, some desktop apps still block images.

Here’s how an email newsletter might look in a desktop version of Outlook with images downloading turned off:

Email images turned off in Outlook

Here’s a table of email clients that don’t download images by default:

Email clientType of service
AOL MailWebmail
Outlook 2007-2019Desktop
Outlook (Mac)Desktop
Office 365Desktop
Office 365 (Mac)Desktop

Keep in mind, that recipients can also choose to turn off automatic image downloading. So, you shouldn’t rely solely on imagery to communicate important stuff to your subscribers.

Why shouldn’t I use an image to replace text?

We know it can be tempting to use a graphic instead of text in your email. Pictures can say so much, and infographics even more. However, as we mentioned above, some email clients block images or keep them from being automatically displayed. Even if this isn’t the case, sometimes images take a long time to load, or your user’s internet connection speed could prevent images from loading at all.

When your images are blocked, your text will have to be able to stand on its own. If you’re not sure your copy is up to the task, check out our testing tools which offer image blocking previews.

Text-to-image ratio: The 60/40 rule in email design

The most common guideline you’ll hear is no more than 40% image coverage and a minimum of 60% text. While exceptions exist, this rule will generally keep you from any deliverability issues. In recent years, some email experts suggest an 80/20 rule for text and images in emails. That said, filters aren’t going to look at your ratio and reject it if you’re at 61/39.

More importantly, the 60/40 rule reinforces some basics for balancing your text and images. Keep in mind your subscriber base and the devices and clients on which they view your emails. For instance, image-heavy content may play well if you have a large mobile subscriber base. But if your users prefer Microsoft Outlook, you may want to focus on the text more. Strike a good balance between text and images based on your specific campaign needs.

Is the text-to-image ratio in emails important?

Above, we talk about the 60/40 rule in email design. Variations on this rule exist, like 80/20 or 70/30. Regardless of exact ratios, the key takeaway is that your email should not be one giant graphic.

This is especially important because spam filters will often assess the length of your HTML code to determine whether or not your email gets placed in your recipients’ inboxes. In fact, we’ve found that if an email has 500 characters or more, the content-to-image ratio had no impact on deliverability. On the other hand, if you use too much text in the email, your subscribers’ email clients may sort your email into the Promotions folder instead of landing in the primary inbox.

So what does this all mean? We recommend not using too many images and sufficiently supplementing images with text. Use ALT text, create a bullet-proof CTA with text instead of images, and include text in your headers to increase your text to image ratio. Balance is key.

What type of images can I use in my emails?

Now that we’ve covered the basics, let’s go through some types of images to use in your email campaigns. Remember, if an image isn’t your original content, always check the image licenses for usage restrictions.

Here are some ideas for adding images to your emails:

  • Stock photos: Stock images are a great (and often free) way to add high-quality images to your photos. Check out Unsplash, Pexels, or other similar websites to get started.
  • Infographics: While images shouldn’t replace text in your emails, infographics can supplement text by providing a lot of information at a quick glance. If possible, see if you can create infographics in the email using live text on a background image. That will likely require a skilled email developer and thorough testing to ensure it renders correctly.
  • User-generated content: This is a great way to engage your subscribers. You can source user-generated content through a contest or open submission form.
  • Product images: If you work for an e-commerce brand, show off what you’re selling. Carousels and rollover image effects are a great way to showcase different angles or multiple products without taking up too much space.
  • Photos of real people: If you have thought leaders, brand evangelists, or other high-profile colleagues who serve as spokespeople for your brand, add their pictures to emails in which they’re featured. The human face is a great way to make an authentic connection.
  • Creative Commons images: Don’t have the budget for premium stock photography and your designer is on strike? Wikimedia Commons and CreativeCommons.org are good sources for public domain images or photos that you can use for free if you credit the owner/photographer.

Images in email are an excellent way to convey emotion while supporting your copy. These are just some ideas to get you started. We suggest you collaborate with your marketing team to define in-house image practices and develop your brand’s visual identity.

Takeaways

Images can bring your campaign message home, but adding them to your email designs can be tricky! We’ve gone over some best practices, things to avoid, and what types of images to use.

For our last tip, we’ll leave you with our Email on Acid mantra: Test every email, every time! There’s no better way to get rid of “send anxiety” than using email testing. Don’t have access to our email testing platform? Get unlimited email, image, and spam testing free for seven days.

Image Validation is built into our automated email checklist. This step helps you optimize image file sizes for load time, checks borders and widths, lets you add alt text to images, and more.

This article was last updated on April 14, 2022. It was first published in October of 2017.

Even Great Emails Need to Be Tested

It’s true: Even well-designed emails can break from time to time. That’s why email testing is an important part of sending a successful campaign. Email on Acid tests your email code quickly and accurately, allowing you to preview your design across dozens of the most popular email clients and devices. Try us free and start delivering email perfection!

Check Out Our Free Trial

Author: The Email on Acid Team

The Email on Acid content team is made up of digital marketers, content creators, and straight-up email geeks.

Connect with us on LinkedIn, follow us on Facebook, and tweet at @EmailonAcid on Twitter for more sweet stuff and great convos on email marketing.

Author: The Email on Acid Team

The Email on Acid content team is made up of digital marketers, content creators, and straight-up email geeks.

Connect with us on LinkedIn, follow us on Facebook, and tweet at @EmailonAcid on Twitter for more sweet stuff and great convos on email marketing.

1 thought on “Supercharge Your Email Campaigns with Images”

  1. Thank you for continuing the alt tag campaign! So many clients at first find this not worthy in their work requests and it’s up to us to convince them otherwise. Meanwhile, you mention images for mobile – do we ever need to be aware of data plans when using image heavy builds? More images = more data to download = data plans affected. Or is this not so much an issue?

Comments are closed.