You are using Exclaimer Cloud and have created your email signature. You notice that the images within your signature appear blurry or low in quality.
The quality of the image depends upon several factors, such as:
- The resolution at which the image was created
- The dimensions at which the image was created and is being displayed in.
- The image file format
- The display resolution of your screen
- The zoom settings you have in place for your screen or application
- If a custom font or background image is rendered as a bitmap
Some tips to help you resolve the image quality issues:
We recommend that images should be between 72 and 150 DPI with 96 DPI being optimal in terms of image quality and file size.
You can use a tools, such as Photoshop, MS Paint or GIMP to check the resolution of the image.
Example of how to check using Microsoft Paint:
- Open MS Paint.
- Open your image file (File > Open then select your image file).
- Navigate to File > Image properties.
The resolution will be displayed.
Example 1 - Quality loss after enlarging image:
Example 2 - Quality loss after reducing image:
Wherever possible, please create the images at the correct size for use in your email signatures.
With Photoshop it is possible to preserve the quality by converting the image into a smart object by navigating to Layer › Smart Object › Convert to Smart Object.
If you are using Microsoft Paint or GIMP, then it is not possible to preserve image quality when resizing; in this case, ensure that the dimensions are correct when you create the image.
As the PNG format is higher quality than other formats such as JPG, the file size may also be larger.
To help keep the file size of your emails to a minimum, you can consider using a tool such as TinyPNG or Squoosh which use smart compression techniques to reduce the file size of the image while minimizing the loss of quality.
Normally, increasing the resolution will also make the content appear smaller on the screen, so to compensate for this, devices automatically resize the content to fit the screen.
As we have seen in the previous section, resizing images reduces the quality. It is worth checking what screen resolution and zoom settings your device uses and also compare how an image looks on another device.
The best way to make images look better on high-resolution displays is to create them at a larger size - to make use of the increased pixel count that the displays offer. Please be aware, that this can have an opposite effect on devices with lower resolution displays, so you should carefully consider what devices are likely being used by the intended viewers of your email signatures.
When rendering text as a bitmap, the quality of the image is critical for the readability of the text. As the images can be automatically resized and compressed by a device or mail client, they can be open to quality loss.
You can avoid rendering as a bitmap in your signature. For more information, please see How to resolve bitmap quality issues?