Skip to main content

Working with the Image/Logo signature element

Payal Arya
  • Updated

Description 

The Image/Logo element allows you to add images (including logos) to your signature designs. Ideally, they are small images which can be placed within the signature content without disrupting the layout.
For example: 

NOTE: If you wish to add a larger image, you can use the Banner signature element.

To include an image (or logo) onto your email signature, simply drag and drop the Image/Logo element to the desired location on the signature/gridded background.

How to access it?

To access the Image/Logo signature element:

  1. Open the signature (in the Signature Designer) to which you wish to add the Image/Logo element.
    For more information, see how you can select a signature to edit.

  2. From the left-hand side toolbox, expand Images & Icons and select the Image/Logo element.

Please click on the required options listed below to go through the detailed description:

Adding an Image/Logo element 

To add an Image/Logo element to the signature: 

  1. Drag and drop the Image/Logo element at the required location on your canvas.

    Example:


    The Image/Logo window is displayed:

Selecting an Image 

To select an image to insert within the signature:

NOTES: You can either add a logo/image by embedding it directly onto the signature or by hosting it externally and linking to it. Please see below the differences between Embedded images and Web Hosted images with their pros and cons:

Embedded Images are uploaded from an image file on your computer to your signature and are attached directly into the email.

Pros
- They are always on the initial email sent.
- They can be seen by all recipients.
Cons
- They can be removed by the mail client, device or internal system.
- They increase the file size of the email.
- The image quality degrades over multiple responses. 


Linked Images need to be uploaded to the internet, such as on your company's website, and the URL for the image is added to the signature.

Pros
- They are less likely to get removed by the mail client, device or internal system.
- They do not lose quality over time.
- They do not affect the file size of the email.
Cons
- They require an internet connection to view the images.
- Some mail clients require you to "Click here to download pictures." before you can view them.
- They require a publicly facing web storage, such as your company's web directory or an alternative image hosting site such as OneDrive or Google Drive.

In the Image/Logo window,

  • Select the Linked Image URL option. Enter the Image URL which needs to be linked to the signature.

    OR

  • Select the Embedded Image Upload option. Click UPLOAD IMAGE to locate and select the required image file that needs to be embedded within the signature. 

    Example:


  • Click OK to confirm the changes else, click Cancel.
Removing an image from the signature 

To remove an image:

  1. Within the canvas, select the required image you wish to delete. 

  2. From the right-hand pane, click DELETE.
    Example:
  3. Click OK to confirm the changes else, click Cancel.
Defining Image/Logo properties

To define how the Image/Logo will look in your email signature:

When you add an Image/Logo, the properties are displayed on the right-hand pane.

Image properties

Image properties are used to specify where the image file can be found:

We recommend the use of PNG, JPG and JPEG images. For more information, see Embedded images vs hosted images in email signatures.

Linked Image URL If required, select then enter the appropriate URL for the image that you wish to display. 
Embedded Image Upload  If required, select to embed an image into your design.
Upload Image 

Click to locate and upload the required image file.

NOTES: 

  • The maximum file size allowed for uploaded images is 150kb.
  • The maximum image dimensions are 2048 x 2048 pixels
  • We recommend that any email signature images you use are 96 dots per inch (dpi).

Hyperlink properties

Hyperlink properties are used to apply a hyperlink to the image (so when a recipient clicks the image, they are directed to the associated web page):

Destination URL Enter the required target URL that will open when the image is clicked.
Alt Text  Enter 'alternate' text to be shown if, for some reason, this image cannot be displayed.

 

Background properties

Background properties are used to define what (if any) background is applied for the image. The default setting is for transparency; however, you can choose a colour if required.
For more information, see the difference between background image and background colour 

Background  Enter or select the background colour of the image/icon.


Visibility properties

Visibility properties are used to determine the circumstances under which the selected image should/should not be displayed:

Always visible By default, Always visible is selected. This means that the selected image will always be visible in the signature.
Auto-hiding separator This option is not valid for images.
Visible when Select to define the conditions when the selected image needs to be visible on the signature.

 

Alignment properties

Alignment properties are used to determine the horizontal and vertical alignment of the selected image:

Horizontal  Select one of the required options to horizontally align the image within the signature. 
The different options are: Left, Center, Right, Justify or Stretch.
Vertical  Select one of the required options to vertically align the image within the signature. 
The different options are: Top, Center, Bottom.

 

Border properties

Border properties are used to define borders for the selected image:

All  Select border properties from the options available, then select All the same to ensure that all borders (left, right, top and bottom) within the signature have the same properties. 
By default, no border is applied and the border size is set to zero (0).
Left / Right / Top /Bottom Select individual border properties (left, right, top and bottom).
These options are enabled if All the same option is not selected.


Padding properties

Padding properties are used to define spacing for the selected image:

All  Select padding properties you want to apply (left, right, top and bottom) across the selected image from the options available. Select All the same to ensure that the selected image has the same padding throughout. 
You can select the padding in pixels or points. By default, no padding is applied.
Left / Right / Top /Bottom Select individual padding settings for left, right, top and bottom.
These options are enabled if All the same option is not selected.

 

Size properties

Size properties are used to define the size of the selected image:
(The maximum dimensions for an image are 2048 pixels by 2048 pixels)

Width By default, the width is set to auto. This means that the image will adjust its width depending on the size of the message viewer. 
If required, you can also enter the exact width for the selected image - in pixels or points.
Height By default, the height is set to auto. This means that the image will adjust its height depending on the size of the message viewer. 
If required, you can also enter the exact height for the selected image - in pixels or points.