One common issue is that images do not appear correctly within the signature, although they may appear correctly in the 'Preview' panel. Instead of seeing the image you expect, a blue question mark or empty rectangle appears, e.g.:
These issues are caused by either the HTML code itself or the fact that the supplied image is not accessible over the internet (HTTPS-server recommended). We've outlined some tips below that can help you format your HTML to appropriately display images.
PLEASE NOTE! APPLE BLOCKS THE APPEARANCE OF IMAGES WITHIN THE SIGNATURES PANE, BUT THEY WILL APPEAR PROPERLY ONCE YOU USE YOUR SIGNATURE IN AN EMAIL MESSAGE.
Other tips:
- Ensure "Load remote content in messages" in Mail Preferences is checked. In macOS 12 Monterey, this option is under the Privacy tab and labeled "Block All Remote Content".
- Ensure "Rich Text" in Mail Preferences is selected
- Use inline styles only (CSS blocks are not universally supported)
- Use supported image types only (i.e., PNG, GIF, JPG, not SVG)
- Use absolute image tags with HTTPS server-hosted images, e.g.
<img src="https://domain.com/image.jpg">
- Ensure that the linked images are not restricted for use via X-Frame-Options header.
If you'd like personalized assistance with your HTML code or image hosting, please contact us for paid support.