Are the images in your Mailchimp email campaigns displaying pixelated, distorted or otherwise look odd? Here are the three most common reasons that images may not be showing correctly.
Adding Images to Text Blocks
Mailchimp has many types of content blocks that you may use in your email campaign. The text block is made to add text and there are numerous blocks to which images may be added. We can add an image to a text block but, for whatever reason, images often distort when adding images this way.
Only ever add images to an image content block. Mailchimp even includes various content blocks which allow adding an image to the left, right, top or bottom of text; these are the content blocks you should be using if you need text to the side of an image. Unfortunately if you want to wrap text around an image you are going to need to add an image to a text content block (and you will see problems when viewing the image in an email campaign).
Using the Wrong Image File-type
There are many file-types that may be used to save images (SVG, BMP, TIFF, PNG etc.). Because of the wide variance of capabilities of email readers (and lack of standards), and the types of image file-types they support, we need to be very conservative when sending an email campaign containing images. The safest image file-types to use in an email campaign are JPG/JPEG, GIF or PNG. Unfortunately if we use an image saved as any other file-type the image may not display at all or, worse still, may render incorrectly.
As a side note, a PDF file is not an image file-type. A PDF file may contain an image but is not an image file-type.
Your Images Are Too Small
I’ve delivered Mailchimp training and consulting for many years. The first question I ask people when they mention images “not looking correct” in email campaigns is whether they’ve added an image less than 600px wide. The standard width of a Mailchimp email message is around 600px wide and, if adding an image less than 600px wide, the image may display wider than it’s original size (e.g. if you add an image of 400px wide it may display at 600px wide and will look terrible).
Alot of this issue is caused because of the lack of standards in email message rendering and inconsistent use of CSS. Paired with responsive email templates and custom template coding (that may use percentage values mixed with pixel values as image width and height attributes) this creates a recipe for disaster. It honestly is safest, and will cause fewer headaches, by adding images that are at least 600px wide.
I have the free version of Mailchimp. I am frustrated because when I add photos to our company’s newsletter some days I can successfully get the text to wrap around the pictures. Other days, it doesn’t matter what I do, the text will not wrap. Suggestions?
Unfortunately adding images to content blocks can cause issues (see https://organicweb.com.au/marketing/mailchimp-beginner-mistakes/ ). I highly recommend that you only add images to image blocks and not text blocks.
I am using an image that is 1200px wide (Mailchimp’s recommendation) and have tried both JPG and PNG formats, and the image is still not sharp. Can you offer any suggestions?
Hi Rose, is the image sharp when viewed outside of email or Mailchimp?