Look at this mess that landed in my email box this week.
What you see is the upper-left corner of a 2,331-pixel wide image. The image is WAY wider than my monitor so most of it is unseen unless I use the horizontal scroll bar at the bottom of my screen to move to the right.
This is not how this email was intended to look. The person who made this email wanted the image to appear as if it was 600 pixels wide — about one-fourth of the actual size. A 600-pixel image would fit very nicely on one screen and look good in my Gmail inbox.
Here’s what I was supposed to see – without scrolling…
The person who made the email could easily have rezised this giant image using Microsoft Paint (free on Windows computers), Photoshop, Pixlr.com (an online image editing application) or any of countless other image editing applications.
Instead, the person inserted the 2,300-pixel image directly into the email marketing software (not MarketVolt, in this case) and used the editor in that software to say, in effect, make this image appear to be 600 pixels wide. Such editing commands usually work. In fact, the email must have looked fine in the editing software (or else the person wouldn’t have sent it) and it probably looked fine in many email inboxes. But it didn’t look fine in Gmail.
A few lessons here… Different email clients (Gmail, Outlook, AOL, Thunderbird, etc.) render HTML emails differently. The email may not look as you intended in every client. This can be especially true with image resizing. Your safest bet is to size the image outside of your email editor.