Preparing Your Email Logo

To ensure that your logo renders well on high-resolution devices, the uploaded image should be
at least twice the size of the dimensions that are specified in the header template. Be careful to
preserve the aspect ratio1 of the logo, so the height and width resize proportionally.

Supported File Formats

Logos can be saved as any of the following file types. Logos with transparent backgrounds can
be saved as either .GIF or .PNG files.

  • JPG / JPEG
  • GIF
  • PNG

Image Size

To make the most of the limited vertical space in the header, the logo should be cropped to
eliminate any wasted space above or below the image. As a general rule, you can make an
image smaller than the original, but not larger without losing resolution. If possible, the
original artwork should be at least as large as the uploaded file. Taking a small image and
doubling its size in a photo editor does not improve the resolution.
For example, in the default header template, the display dimensions of the logo are 168 pixels
wide by 48 pixels high. To increase the resolution of the image, the image that is uploaded
must be at least twice the size.

If the original artwork was created as a vector, rather than a bitmap, it can be scaled up or
down to the dimensions needed without losing resolution. The image can then be saved in one
of the supported bitmap image formats. If the original logo artwork is a bitmap, the original
should be at least twice the display size.

Magento Upgrades

If you have upgraded from an earlier version of Magento Community Edition, you can use an
email client to view each transactional email template that is generated by your store. Verify
that the logo, fonts, and styles render correctly. Email templates that were created with earlier
versions of Magento do not have the non_inline_styles variable, and are not responsive.
However, most can be used as they are.
To take advantage of the high-resolution display that is available on many devices, email logos
are now uploaded at twice their display size. If you intend to use the responsive email
templates, you should upload a higher resolution logo.
It is not necessary to reconfigure your email logo for use with custom templates that were created
with earlier versions of Magento.

Leave a Comment

Your email address will not be published. Required fields are marked *