To ensure your email signature displays correctly across various email clients and devices, it's essential to follow best practices in design and formatting. This guide provides key recommendations to help your signature appear consistently, whether viewed on desktop or mobile platforms.
Best Practices for Designing Compatible Email Signatures
Simplify Layouts
-
Use a single-column design to incorporate all contact details.
-
Employ basic HTML tables for layout, avoiding complex CSS floating techniques.
-
Refrain from using padding, margins, or background colors that may not render consistently across email clients.
-
Be aware that certain text and font styles may not be supported on all devices or email clients.
Design for Mobile Usage
-
Since most emails are read on mobile devices, design with this in mind.
-
Keep the signature width under 600 pixels to ensure readability when scaled down on various devices.
Optimise Images
-
Keep image file sizes under 10KB to ensure quick loading times and prevent delivery issues.
-
Ensure all images have 'alt' attributes to maintain consistent sizing across email platforms.
-
Use the 'align' attribute instead of 'float' for image positioning.
-
Animated GIFs are compatible with most email clients.
-
Maintain a 60/40 text-to-image ratio to avoid being flagged as spam.
Avoid Using Videos
-
Refrain from embedding videos directly in the signature.
-
If including a video, use an image and link it to a URL directing recipients to a web browser to view the video.