Don't recognize this UI? Have a look at the legacy UI. You can also access the Exclaimer Cloud knowledge Base.
The Image/Logo element enables you to add images (including logos) to the signature designs. These are typically smaller images, which can be placed within the signature content without disrupting the layout. For example:
To add an image (or logo) to your email signature, simply drag and drop the Image/Logo element onto the signature/gridded background.
The Image/Logo window is displayed:
Once you have dropped the Image/Logo element onto your signature, you can customize it to suit your organization's requirements.
This page describes the steps on how you can:
-
Insert an image/logo in your signature. You can do this in two ways:
- Link Image: link an image that's hosted elsewhere.
- Embed Image: embed the required image in the signature.
- Defining Image/Logo properties.
Embedded Images are images that have been physically attached to the email or signature by uploading them from a local directory. They are sent with the email, and it affects the file size of the email itself (example: <img src="cid:myimagecid" />)
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.
Web Hosted Images are stored on a public-facing web server, such as your company's web directory. This means that the images are referenced in the email signature itself but are never added to the email as a physical element (example: <img src="http://www.mywebsite.com/SigImgs/mylogo.png" />)
Pros
- They do not 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.
Inserting Image/Logo
To insert an image/logo in your signature:
- From the Image/Logo window,
- Select Linked Image URL, then enter the Image URL which needs to be linked to the signature, or
- Select Embedded Image Upload, then click UPLOAD IMAGE to locate and select the required image file that needs to be embedded within the signature.
- Click OK to confirm the changes else, click Cancel.
Defining Image/Logo properties
To define how the Image/Logo icon will look in your email signature:
When you add or edit an image or logo, the Image 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.
|
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 clicked on it. |
---|---|
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. |
Dimensions properties
Dimensions 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. |