Need a hand? We've got you covered.

Knowledge Base Home aero-right Image Gallery aero-right Troubleshooting Images in Email

Troubleshooting Images in Email

Image Gallery Updated on January 18, 2022

You created a fantastic email that is ready to be sent, but when you test it, your images are not displaying properly. Depending on the inbox client, your readers can experience image issues.

To prevent image display problems, we highly recommend you send test emails before sending to your entire contact list and also use the Inbox Checker feature.

Topics covered in this article:


 

Image not uploading

Possible reasons:

The image is too big

The maximum file upload is 5 MB. If the image is larger than 5 MB it will not be accepted.

Image format not accepted

Benchmark supports JPEG, JPG, PNG, and GIF image formats. To know more about supported image formats, click here.

Sometimes special characters or a file name that is long may not allow your image to be uploaded. If that is the case, you will see an error message. Please, try changing, shortening, or taking out special characters from the name.

If the problem persists and the image dimension and format are correct, try clearing your cache or with a different browser.

To learn how to upload images, click here.

Back to the top


 

Resized image

The recommended width for images is 640 px; if the width is larger than 640 px our image editor will try to resize the image.  The width 640 px limit is set to keep the email responsive and prevent display issues in the inbox. The editor determines if an image needs to be resized based on a combination of the image width and the image weight.

Images bigger than 5 MB will not be accepted or compressed.

If you want to use wider images, you can test the images in your emails using the inbox checker feature.

 

To learn more about supported images, click here.

Back to the top


 

Static GIF

 

Possible reasons:

Editing a GIF in our image editor 

This action will turn the GIF placed in the layout into a static image (jpeg format), showing only the first frame of the GIF. Our image editor is not designed to edit GIF files. If you need to edit your GIF, we recommend using a GIF editor.

Once your GIF is ready, you can find the original GIF file in the image gallery and use the replace option to replace the file.

The GIF is larger than 200 KB

We recommend using GIFs no larger than 200 KB for the best email performance. You can upload a max size of 500 KB, but the quality may vary. Files larger than 500 KB will be compressed, files below 50 KB will remain unchanged. The compression might reduce your GIF’s image quality, or it may only show the first frame of your animation.

Check out our blog on How to Use GIFs with Email Marketing.

Back to the top


 

Images not displaying in the inbox

 

Possible reasons:

Inbox provider blocking images:

Some users can block images by controlling their inbox settings. Other ISPs (internet service providers) automatically block images by default, like Outlook or Yahoo Mail.

Considering, we have no control of the contact’s email inbox settings, here are a few suggestions:

  • Don’t use single image emails. Using single image emails apart from possibly not displaying in the inbox are also considered risky emails and therefore could be filtered from landing in the inbox folder.
  • Use Alt Text in all of your images to describe images in your email.
  • Provide a web page version link in all of your emails. The Webpage version will allow your subscribers to open the email in a web browser.

If a contact notified you that they can’t view the images in your email, ask them to check their inbox settings. If the client did not disable images, then check the rest of the possible reasons below:

The browser is blocking the images

If a contact is opening the email from a browser (web email client). The browser can be blocking the images. The contact will have to check their browser settings.

Firewall or spam filters 

Some clients could be using strict spam filtering or firewalls. If that is the case, you can recommend contacts to add Benchmark Email domains to their safe sender list. Learn more about it here.

Broken URL and Host Issues

If you are entering your images using their URL, copy and paste the entire URL, an inbox will not display an image if a character is missing in the URL.

If your images are hosted outside of Benchmark, make sure the images are not hosted on a free site or private server. Some sites offer free hosting for a limited time. After the limited time, the images could be deleted, and your email contacts will not be able to see them. If your images are hosted on a private server, your contacts will require login credentials to see the images.

To avoid this, make sure to use a trustable hosting service or upload your images to your Benchmark Email Gallery. You can upgrade to an unlimited image hosting plan for $5 a month. To learn how to upgrade your image hosting, click here.

Back to the top


 

ISP Rendering Issues

 

You could experience graphic rendering issues depending on the inbox your contacts are using. Here are the most common rendering issues with ISP’s and how to fix them.

Outlook

  • If an image is larger than 1728 px, Outlook could crop, distort or omit the image. To prevent this, avoid images with a height larger than 1728 px.
  • Some Outlook versions may ignore paddings and margins around images. If that is the case, you can use an image editor to add the padding as part of the image.
  • Outlook could add white space around the image. To fix this issue, we recommend you reorganize your email content and send email tests until you see the problem fixed.
  • The Outlook may not recognize images resized within the HTML code. To prevent this, insert images by using the correct size.

Gmail

Emails larger than 102 KB run the risk of being clipped by Gmail. If this happens, Gmail adds a link for the reader to expand the email. However, Benchmark cannot control this action and can not see how many contacts clicked on the Expand option.

If your email is clipped, this is what your contacts will see:

Here are some suggestions to prevent email clipping:

  • Focus on your content. Keep it concise. If you need to provide more information, add video links and links to know more and read more. Use CTAs to send a contact to a landing page.
  • Create your own content and avoid copying and pasting. First, because your content will be original and unique, and second, you could copy external hidden HTML code by copying and pasting, which could increase your email size. If you need to paste, use the Paste option in the email editor.
  • Don’t use the same subject line in more than one email campaign. Gmail could group your emails if they have the same subject line; this can happen with regular and test emails. To avoid your emails being grouped, use a different subject line for test emails and every campaign you send.

 

Back to the top


 

Blurry or pixelated image

 

Possible reasons:

The image was resized

As we previously explained, our system could resize images. However, if that happens with a large image, the compressed image can be blurry or pixelated, especially the JPG, JPEG formats that contain gradients or lots of colors. Learn more about resizing here.

Low resolution or image is too small

Images with less than 72 PPI or 150 px width, for example, will look good in full size. But if you decide to stretch the image to make it bigger, the display will be pixelated. To prevent this, if you are not sure about the size you will use in your design, use images with enough width and resolution to be stretched.

A good image size for online could be about 400 to 640 px wide and 72 PPI and up.

The original image is blurry, pixelated, zoomed in, or compressed

Make sure the original image looks good; use a preview tool, a browser, or image editing software to open it. Unfortunately, If the original image shows blurry or pixelated, our image editor will not fix it. But if you are familiar with editors, you can try to fix it or retake the photo.

Avoid using screenshots; they can become blurry or pixelated.

 

Back to the top


 

Different image colors

 

Your images may look dull if not in the correct color mode for electronic devices.

RGB is the color mode used by screens displays with a combination of red, green, and blue. Images used for social media, emails, or anything displayed in electronic media should be in RGB color mode.

CMYK is the color mode you should use for anything you print with ink.

Images in CMYK used for online media will look different, for example:

Usually, images taken from the internet are already in RGB color mode.

Back to the top


 

Slow loading images

 

Possible Reasons:

The image is too big

As we mentioned before, a good image could be between 400 px to 600 px. So there is no need to make it bigger. However, if you use the size limit for all your images (5 MB) and use many images in your email, or use a single-based image, you could experience slow loading.

Image format

Another reason you should consider is the image format. JPEG or JPG images are smaller in size compared to PNG or GIF. Use PNG for images that require transparency and GIF for images that need movement. Otherwise, use JPEG format, especially for large images.

Unclean code

If you have your own code and you’re using our HTML editor. Be sure to remove unnecessary code, like excessive white spaces or empty lines.

Bad hosting

If you use images from a hosting provider, you could experience slow loading. Therefore, you should review your host’s performance, and if you consider it necessary, change the hosting provider.

In addition, if your images are hosted on a secure server that requires login credentials, your readers won’t be able to access them.

Back to the top


 

Can I use background images?

 

The short answer is no. Multiple versions of email clients do not support background images. Inboxes may not display your email correctly for this reason.

Some email clients that support background images are Gmail, Yahoo, iOS Mail, and Apple Mail; the rest of the email clients do not support background images. Instead, we recommend you use a background color.

Back to the top


 

Can I use a single image email?

 

As we only have regulations on image width and not height, it could be tempting to use a single image email or even an image map for the entire email campaign.

But let’s see the following scenarios:

  1. If the subscriber has disabled images, that subscriber won’t see anything in your email.
  2. If the image is too big, it could take a long time to load, so the subscriber may not wait to see your content.
  3. Sending a single image email is considered a bad practice. Spam filters may tag you as a spammer and block your campaign. A good balance between text and graphics could be 60% text 40% images.
  4. What about if the subscriber opens the email on a smartphone, which most do. A single-image email might not fit the screen since a single-image email is not responsive, and the subscribers may not visualize the entire content. In addition, some information can be too small, unreadable, or the CTA not functional.

Back to the top


 

What happens if I delete an image from the image gallery or host site?

 

When you remove an image from the image gallery, the image in the email will no longer display. The image is no longer visible because images in emails need to be hosted online to be accessible online.

If you delete images to save space, we recommend purchasing the Image Hosting add-on, adding the Image Hosting add-on will increase your image storage space to Unlimited.

Back to the top


 

Suggestions: Stock images, alt text, using the correct size and formating

 

  • If you want to know more about Benchmark supported image formats or how to find an image size or dimension, click here.
  • Including a relevant Alt Text is important, click here to learn more. Learn more here.
  • We encourage you to send test emails before sending to your entire contact list and also use our Inbox Checker feature to ensure results.
  • Do you need images? Check out our stock photo resources.
  • Learn here about our image blocks options and how to add them to your campaigns.

Back to the top


For all other questions, please feel free to contact our support team via Email, LiveChat, or by phone.


Did this answer your questions?
You already voted!