Communication Email Configuration Matrix
Each email client can render email differently based on a number of supported or unsupported features. The table below is a guide to help understand what HTML elements are supported in what type of client.
Following are some best practices for creating emails that work across email clients:
- Email width should generally be kept to 600-800 pixels.
- Use Tables for basic email structure
- Use basic cross-platform fonts such as Arial or Times New Roman
Table 12-1 Email Configuration Matrix
| Configuration | Desktop Clients | Web-based Clients | Workaround/best practice | |||
|---|---|---|---|---|---|---|
| Microsoft Outlook Office(365) Windows 10 | Apple Mail 15(macOS 12.0) | Outlook Office (365) (macOS 12.6.1) | Microsoft Outlook Webmail | Gmail | ||
| Grid Layout | Not Supported | Supported | Supported | Not Supported | Not Supported | You can use Content Designer table instead of grid layout which is supported by Outlook Office in Windows 10. |
| Background Color | Not Supported | Supported | Supported | Supported | Supported | You can use Background Color for
|
| Border Radius | Not Supported | Supported | Supported | Supported | Supported | You can use Border Radius in Outlook Web Email. |
| Background Image | Not Supported | Supported | Supported | Not Supported | Not Supported | You can use image content reference within a table and configure table with background color but you can only use the available background color palette within Content Designer tool. |
| Text decoration color | Not Supported | Supported | Supported | Supported | Supported | You can use Text decoration color in Outlook Web Email |
| Text decoration style | Not Supported | Supported | Supported | Supported | Supported | You can use Text decoration style in Outlook Web Email |
| Text decoration line | Not Supported | Supported | Supported | Supported | Supported | You can use Text decoration line in Outlook Web Email |
| Text-Align | Not Supported | Supported | Supported | Supported | Supported | Text-Align supported in Outlook Web Email |
| Margin | Not Supported | Supported | Supported | Supported | Supported | You can use Margin in Outlook Web Email |
| Padding | Not Supported | Supported | Supported | Supported | Supported | You can use Padding in Outlook Web Email |
| Font-Family | Supported | Supported | Supported | Supported | Supported | |
| Font-Size | Supported | Supported | Supported | Supported | Supported | |
| Font-Style | Supported | Supported | Supported | Supported | Supported | |
| Color | Supported | Supported | Supported | Supported | Supported | |
| SVG Images | Not Supported | Supported | Supported | Not Supported | You can use PNG image format instead of SVG. | |