The images/logo element

In this article:

Introduction

The Image/Logo element is used to add images (including logos) to signature designs. These are typically smaller images, which can be placed within signature content without disrupting the layout - for example:

image_logo.png

Note: If you wish to add a larger image, consider using the Banner element instead.

Adding an image or logo

To add an image/logo, just drag and drop this element into your design:

add_image_0.png

Having dropped the element, you can choose what type of image to add:

add_image_1.png

Here, you can either:

  • Link to an image that's hosted elsewhere. In this case, ensure that the Linked Image URL radio button is selected and enter the appropriate URL.

    -or-
  • Embed the required image in the signature. In this case, ensure that the Embedded Image Upload radio button is selected and click the Upload Image button to locate and select the required image file.

Note: For information about the pros and cons of each method, please see our Embedded images vs hosted images in email signatures article.  

Image properties

When you add or edit an image or logo, image properties are displayed. These properties are summarized below: 

Image source properties

image_properties.png

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

Linked Image URL If required, enter the appropriate URL for the image that you wish to display. 
Embedded Image Upload To embed an image in your design, click the Upload button to locate and upload the required file.

image_properties_-_hyperlink.png

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.
Alt text Enter 'alternate' text to be shown if, for some reason, this image cannot be displayed.

Background

image_properties_-_background.png

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 color if required.

Visibility

image_properties_-_visibility.png

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

Always visible The default setting is to always to display the image.
Hidden if this field is empty  You can choose to hide this image if a (selected) user attribute is empty.
Auto-hiding separator This option is not applicable for images.

Alignment

image_properties_-_alignment.png

Alignment properties are used to determine horizontal alignment for the image - choose LeftCenter or Right as required.

Border

image_properties_-_border.png

Border properties are used to define borders for the image:

All  Select a border type, size and color and ensure that the All the same check box is ticked. These settings will be applied for all borders (left, right, top and bottom). This is the default setting (by default, no border is applied because the border size is set to 0).
Left / Right /
Top / Bottom
Ensure that the All the same check box is not ticked and define individual border properties as required.

Padding

image_properties_-_padding.png

Padding properties are used to add spacing for the image:

All The default setting is for there to be no padding - i.e. LeftRightTop and Bottom are set to and the All the same check box is selected.
Left / Right /
Top / Bottom
Ensure that the All the same check box is not ticked and define individual padding properties as required. For further information, see Adding spacing between elements in your signature.

Size

image_properties_-_size.png

Size properties are used to define the size allowed to display the image:

Width  Leave the default value of auto to allow this field to adjust its width, depending on the size of the message viewer. Alternatively, specify an exact width (in pixels or points).
Height Leave the default value of auto to allow this field to adjust its height, depending on the size of the message viewer. Alternatively, specify an exact width (in pixels or points).

Are there any restrictions with images that I use?

Please see our Image file requirements article for information about supported file types, sizes, etc. 

Haven't found a solution to your problem?

Please click the button below, login to the Exclaimer Cloud portal and raise a support ticket. A member of the Exclaimer Support team will then be in touch.

Raise a support ticket