Design for the Disabled

In a previous post we mentioned that a “good chunk” of Email applications turn “images off” by default. Essentially this means that your recipient will see your email with blank areas where your images reside. Even though your recipient may not see your images, you need to make sure that your text content still flows and that your layout is maintained. For example, if your text wraps around your images you need the “blank areas” where the image would normally appear, to be the same size as the image itself.

To ensure that these “blank areas” are the same size as your picture, you need to specify the size in your HTML code.

(Note: If you create email in the Swiftpage editor, this is done for you)

When you create your HTML specify the height and width of your image. This will keep the layout of your email intact.

Below is a test email viewed 3 different ways.

The first is a view of the email with images enabled. The second and third are both viewed with images disabled (default). The difference here is that the second was designed with the image height and width specified, and the third was not.

For your next email campaign, keep in mind that some of your recipients may not see the images in your email, so make sure your point still gets across with the text content you have written in your email.