Need a hand? We've got you covered.

Knowledge Base Home aero-right Image Gallery aero-right How to Add Images

How to Add Images

Image Gallery Updated on June 20, 2022

Before you can add images to your emails, you must first upload them to the Image Gallery. There are two ways to add images to your gallery, via the Image Gallery itself or by using one of the image blocks in the Drag and Drop editor.

IMPORTANT

By uploading an image to your account, you agree you have the right to use and reproduce the image and that it does not include prohibited content.

Topics covered in this article:

SUGGESTION

  • Do you need to edit your images? Click here to learn how.
  • To learn more about our supported image formats, please click here. Troubleshooting images in emails.
  • Free users can upgrade their image hosting for $5 a month without upgrading to a paid plan. To learn how to upgrade your image hosting, click here.

Image Block

Adding an image via the Image block is probably the most convenient way to add an image to your email. While you are creating your email, you can drag and drop an image, you can upload an image or select from images already in your gallery. In the following steps, you’ll learn how to add an image using the Image blocks in the Drag and Drop editor.

  1. Click on the Image block and drag it into your email layout.
  2. Then drag and drop your image directly into the block or click on browse for a file, and select an image from your gallery.

If you’d like to upload an image from your computer click on the browse for a file option and in the Image Gallery select browse for files.

  1. Now, the Image Block options will appear on the left.
  2. You can set the horizontal and vertical padding by scrolling the green dot.
  1. Align your image using the alignment options. If your image is taking all the space, then you will not notice any changes to the alignment.
  1. Hit Save & Close when done.
What you can do with this block

Using images with no background allows you to merge your image with other blocks by using the same background color.

Or by using the same background color of your image in other blocks, you can have great designs.

Back to the top ↑


Image Group Block

By default, this block adds 2 image sections to your email layout. In this block you can:

  1. Click on the Image Groups block and drag it into your email layout.
  2. Then drag and drop each image directly into the block or click on browse for a file, and select images from your gallery.If you’d like to upload an image from your computer click on the browse for a file option and in the Image Gallery select browse for files.
  1. By default, this block adds two images sections to your email layout. In this block you can:
    1. Add more images to the group by clicking on the plus button.
    2. Also, you can change the layout by adding images in vertical or horizontal positions.
    3. Finally, change the gutter size between images.
  1. To set the alignment option, click on the image inside the block, you will see the alignment options. By clicking on the image you will find the Edit option, use this option to resize your image add text or a frame to your image.
  1. Click Save & Close.
What you can do with this block

Back to the top ↑


Image Card Block

This block allows you to add an image and text to the same frame.

To add an image card block:

  1. Click on the Image Card block and drag it into your email layout.
  2. Then to add the image, you can drag and drop it directly into the block or click on browse for a file, and select an image from your gallery.If you’d like to upload an image from your computer click on the browse for a file option and in the Image Gallery select browse for files.
  1. By default this block adds two sections into your email layout, where you can:
    • Add text and choose the text position. For better display keep your text short or according to your image size.
    • Change the background and border color.
    • Set the horizontal and vertical padding of the entire Image Card Block.
  • Set text position
  • Depending on the text position you will set the image alignment and image area.
  • Align your image to the edge by clicking the check.
  • And adjust the line height for the text.
What you can do with this block

This block works perfectly for sales.

Also, you can use it for blogs.

Or give item options to your readers.

Back to the top ↑


Image Caption Block

To add an image caption block:

  1. Click on the Image Caption block you need, it can be Right Text, Left Text, or Bottom Text,  and drag it into your email layout.
  2. Then to add the image, you can drag and drop it directly into the block or click on browse for a file, and select an image from your gallery.If you’d like to upload an image from your computer click on the browse for a file option and in the Image Gallery select browse for files.
  3. By default this block adds two sections to your email layout, where you can:
    • In the Content tag:
      • Add text and choose the text position. For better display keep your text short or according to your image size.
      • Select up to 3 images to add to the block.
      • Depending on the text position you will set the Image alignment and image area.
      • Set the line-height of the text.
    • In the Container section: set the padding and add a background color.
  4. Click Save & Close.
What you can do with this block

Bottom Text Block with 3 images.

Bottom Text Block with 1 image and Social Follow Block on the bottom with the same background color.

Left and Right Text position.

You can replace, edit, or add a link to an image, just click on the image and the editing block will appear on the left. You will see other options like image alignment, adding a background color, borders, or padding.

Back to the top ↑


How to get an image URL

For Firefox:
  1. Open a browser window and go to the page containing the image you want to use in Benchmark Email.
  2. Move your mouse over the image and right-click the mouse button.
  3. Select Copy Image Location or View Image.
  1. Now, copy the URL provided.
For Internet Explorer & Microsoft Edge:
  1. Open a browser window and go to the page containing the image you want to use in Benchmark Email.
  2. Move your mouse over the image and right-click the mouse button.
  3. Select Copy link from the pop-up menu or you can select Open in new tab or window option and copy the URL directly from the address bar.
For Safari:
  1. Open a browser window and go to the page containing the image you want to use in Benchmark Email.
  2. Move your mouse over the image and right-click the mouse button.
  3. Select Copy Image Address from the pop-up menu or you can select Open Image in New Tab or New window option and copy the URL directly to the address bar.
For Chrome:
  1. Open a browser window and go to the page containing the image you want to use in Benchmark Email.
  2. Move your mouse over the image and right-click the mouse button.
  3. Select Copy Image Address from the pop-up menu or you can select Open in new tab option and copy the URL directly from the address bar.

Back to the top ↑


Where to add the image URL

  1. Drag the image block to your email.
  2. Click on browse for files or Drag your image directly to the block.
  3. In the Insert Image pop-up, paste the recently copied image URL and click Insert.

Back to the top ↑


Deleting Images

From the Image Gallery
  1. Log into your Benchmark account.
  2. Click on your account name.
  3. Then, select the Image Gallery.

Now, you can either select one image at a time or multiple.

One at a time click on the more options menu (3 dots) located to the bottom right corner of each image, and select Delete.

To delete multiple images. Select as many images as you need to delete and then click on the Delete option.

 
Deleting Images from Drag & Drop Editor
  1. Create an email or go to an already existing email.
  2. In the Editor step drag an image block to your email and click on Browse for a file or click on any image then click in the Replace option.
  3. >Locate the image you want to delete
  4. Then, click on the More options icon and select Delete.

If you only need to delete or remove an image from your email layout simply click on the Trash icon.

Back to the top ↑


Alt Text

We suggest adding Alt Text, which is a short description of what your image is, for those recipients who have images blocked or turned off in their inbox.

We suggest adding Alternative Text to all your images. Alt text can be helpful to those contacts who are visually impaired and are using screen readers.

You can easily add Alt Text to any image block within your design. We recommend adding your Alt Text when adding your images, or you can add it later.

To add Alt Text, follow these steps:

  1. Click on the block, and then on the image you want to add the Alt Text.
  2. Then, in the Alt text area, add the image description.

CONSIDER

  • By using Alt Text, Google will understand your images, which means better rankings.
  • A good Alt Text is a sentence explaining what is happening in the image.
  • Use specific keywords in your Alt Text. Think about what the users will type to locate your images.
  • Don’t use more than 125 characters, including spaces, and don’t include special characters.

Back to the top ↑


Stock Photos

Need free images?

Benchmark Email does not provide free images, aside from the ones in the Premade templates. However, check out our stock photo resources if you need free resources. When you choose this option, a new tab will be opened to their site. To see this option, open an image in the Drag & Drop editor, and then select Stock Resources. You’ll need to download or save the photos and then upload them to your Benchmark Gallery.

Back to the top ↑


If you have any questions about your Image Gallery or an image please feel free to contact our support team.


Did this answer your questions?
You already voted!