Simple Email Marketing
Home > Resource Center > Account how-to > Adding and arranging images

Adding and arranging images

Uploading images to image placeholders

1. Click any image placeholder in your mailing. 

2. Click the tab from which you want to find your image.

  • Upload from your computer
  • Select from saved images in your image library (learn more).
  • Use an image in your Facebook or Flickr account (If your Facebook account is associated with a personal page and a business page, you'll see both sets of albums here).
  • Search for a stock image to purchase from Bigstock's library of more than 12 million photos, vectors and illustrations. Read Bigstock's full terms of use.

3. Set the following specs:

  • Size. You can upload the image at its original size, or choose a pre-determined size from the dropdown menu.
  • Padding. Your image's padding – the white space around the image in your mailing – is set to 10 pixels by default. You can change this here, if you'd like to give your image more of a buffer.
  • Alternate text. Not all email recipients will have images turned on in their email program. You'll want to add a bit of descriptive text here so folks know what they're missing.
  • Link URL. Want your image to link to a webpage? Type in the URL here.

For a standard-width template, which is 640 pixels, image sizes for single-image placeholders are:

  • Best Fit = max width is 610 pixels (If it's a square, the max size is 610 x 610. If the image is a rectangle, it will be 610 x corresponding adjusted height.) No max height.
  • Extra Large = max width OR height is 550 pixels
  • Large = max width OR height is 440 pixels
  • Medium = max width OR height is 280 pixels
  • Small = max width OR height is 120 pixels
  • Thumbnail = max width OR height is 50 pixels

Note that this is with the default padding set to 10 pixels. If you have a 610 pixel width image and set the padding to 0 pixels, you'll get an additional 20 pixels of image (removing 10 pixels left and right). So in this example, Best Fit = 630 pixels

Helpful tip

  • Getting an error when trying to add a png file? You might be trying to insert an interlaced png, which won't work. The difference between interlaced and non-interlaced pngs is how they appear to load to your audience. Because non-interlaced pngs produce smaller file sizes, they're optimal for an email environment. Try resaving your png file as non-interlaced or just save it as a different file type altogether, like jpeg or gif, to see if that successfully uploads into your mailing.

Removing image placeholders

Hover over an image placeholder to reveal the trash can icon. Click it to remove an image that's in a combo block.

image placeholder.png

Working with multiple images

Using flexible layouts to build mailings allows you to create sets of horizontal and vertical images. You can even create a gallery of images to show off multiple products. Let's dig in:

Changing alignment from horizontal to vertical (and back again)

To create a set of horizontal images, drag the images content block into your mailing. It's set to display the images horizontally by default.

Screen Shot 2014-12-18 at 9.46.18 AM.png
 

Three image slots will appear in your mailing.

three images.png
 

To make the images display vertically, hover over the content block and click on the gear icon.

gear images.png
 

In the menu that appears, change the Layout from Horizontal to Vertical.

Screen Shot 2014-12-18 at 9.47.03 AM.png
 

Here's the result:

vertical images.png

Rearranging the order of images in a block

To change the order of the images in a block, just hover over an image, click the four-way location button and drag the image where you want it. 

Using Smart Sizing

Smart Sizing is a default setting that ensures images in the same block are proportionate. The result is a balanced, professional-looking mailing. Let's say you have a block with three image placeholders:

three images.png

Add your images one-by-one to the placeholders. No matter the size of each individual image, we'll resize each to match the small image in the block.

If you want to see how time images would look with Smart Sizing turned off, you can adjust that setting manually:

  1. Hover over the block, and click the yellow Options tab.
  2. In the Settings menu, toggle the Smart Sizing menu to Off.

Screen Shot 2014-12-18 at 9.47.51 AM.png
 

Now take a look at your images in their original sizes. 


 

We think your images look much better with Smart Sizing turned on, but there may be times when you'll want to adjust this setting to achieve a certain look in your mailing.

Creating an image gallery

Drag and drop three of the image content blocks into your mailing, creating nine image placeholders (or just add as many as you like).

Hover over them and click the yellow Options tab. In the Settings menu, leave Smart Sizing turned on and turn on captions so that you can write a product description beneath each image.

Screen Shot 2014-12-18 at 9.48.48 AM.png

You must to post a comment.
Last modified
08:14, 11 Jun 2015

Tags

Classifications

This page has no classifications.