Modifying Images in Emails

Images provide a much-needed visual element to your emails.

In this article, you'll learn how to resize the images in your emails, how to add a link to your images, and how to customize images (rotate them, adjust brightness, etc).

To learn how to add an image into your emails using layout blocks read Adding Images to Emails.

---

Article Contents

• Adding Images to Emails
• Adding Clickable Image Links
• Editing Images
• The Simple Editor and the Image Editor
• Regarding Uploaded Images and Upscaling

Available With:

Trial	✓
Essential	✓
Advanced	✓
Ultimate	✓

Toolbar:

Email

Users:

Administrators	✓
Company Managers	✓
Marketing Managers	✓
Sales Managers
Salespersons
Jr. Salespersons

Adding Images to Emails

Layout blocks are the foundation of emails created in the Lead Gen & CRM platform. Images are elements and can be inserted into the layout blocks within your email. To learn more about creating an email, read one of the following articles. 

The email designer allows you to drag, drop, and reorder the layout blocks in your email to further customize it. Some layout blocks have image space built in, but in other layout blocks, you can add image elements yourself. To learn more about layout blocks, read Using Layout and Element Blocks in Emails.

To learn more about adding images to your emails and how to adjust the layout of your images within the email, read the Adding Images to Emails article. 

Adding Clickable Image Links

You can add clickable links to images in emails.

To add clickable links, create or edit an email with a layout block containing image space.

1. Click the image to add a link.
2. Click the Link icon in the Content Editor menu bar.
   
   

   Click to enlarge.

3. Enter the URL of the link.
4. Optionally, add an image title.
   
   
   Note: Image titles and alt text are two different things. The link title provides more information about where the link will send the user and is helpful for SEO.
5. Decide if clicking the image should open the link in a New Window or the Current Window. 
6. If you'd like to link to one of your Lead Gen & CRM landing pages, use the Link List field. The link selected here will also update the URL field above, with the landing page's URL. 
7. Classes can be set to change the look and performance of your links, using css and javascript. You may select one of these pre-set classes using the Class field. 
8. Click Save.
9. Click Save again.
   
   

   Click to enlarge.

Editing Images

You can edit images with the Image Editor.

To edit images, create or edit an email with a layout block containing image space.

1. Click an inserted image.
2. Click the Edit Image icon in the Simple Editor bar.
   
   

   Click to enlarge.

3. Click one of the edit options inside of the Image Editor.
   
   

   Click to enlarge.

4. Edit the image and then click Apply. 
   
   
   Important: Upscaling the dimensions of an inserted Image element can result in the image being stretched.
5. Click Save.
   
   

   Click to enlarge.

The Simple Editor and the Image Editor

When you click on an image, a small toolbar will appear. That toolbar, called the Simple Editor, has several features that let you quickly modify an image. The Simple Editor also houses the Image Editor.

Lead Gen & CRM's Image Editor can be used to add or edit images directly within the Email Designer. This means that, for simple image editing, you do not need an external image editor.

Simple Editor Features

The Simple Editor has several innate features.

Icon		Feature		Description
		Rotate Counterclockwise		Rotates the image counterclockwise by 90 degrees.
		Rotate Clockwise		Rotates the image clockwise by 90 degrees.
		Flip Vertically		Flips the image vertically.
		Flip Horizontally		Flips the image horizontally.
		Edit Image		Opens the Image Editor.
		Image Options		Opens the image's General and Advanced settings.

Image Editor Features

The Image Editor has many editing features available.

Icon		Feature		Description
		Crop		Crops the image to the chosen size.
		Resize		Resizes the image's dimensions through pixel values.
		Orientation		Orients the layout of the image horizontally or vertically.
		Brightness		Adjusts the overall brightness of the image.
		Sharpen		Counteracts blur and sharpens the image's appearance.
		Contrast		Modifies the contrast of black and white in the image.
		Color Levels		Alters the image's levels of red, blue, and green.
		Gamma		Corrects levels of luminescence in the image.
		Invert		Inverts the image's colors.