Make sure to include ALT text Outlook doesn’t display images by default unless people turn the feature on. Retina image without a width attribute in Outlook making the email wider Security message coming up instead of your image?ĭon’t let Outlook’s security message speak for your images. If you’re using retina images (which you should be), this will lead to giant images that’ll break your emails. If you don’t include the width and height attributes, Outlook will display your image at its actual size.

Outlook does not support CSS styles for widths and heights. Got weird image sizes?įix: Include width and height attributes on your images Let’s look at some of the common rendering issues in Outlook desktop clients and how to solve them. Neither is necessarily good or bad, they just require different approaches and have different quirks that need to be taken into consideration. Webkit is easier to code for, and Word is more difficult. The key takeaway is that we’re working with two different rendering engines-Word and Webkit. The web-based email client uses Webkit or Blink and renders emails similarly to (much easier). The desktop version is similar to Outlook 2007-2019 and uses Word as a rendering engine (hard for email). There are two different versions of Outlook Office 365: These clients use Webkit or Webkit-based rendering engines, so they provide good HTML rendering and don’t usually break your emails. If it looks good in your browser, there’s a decent chance it will look good in Outlook for Mac and you’ll have less chance of your html email not displaying properly. This means it’s usually on par with Apple Mail and iOS as far as email rendering is concerned. This is the Mac desktop version of Outlook. Unfortunately, this can wreak havoc on your email.

If they do, the desktop email clients will respect that and will update images and text to be larger. Windows users can choose 120 DPI to increase their screen resolution. (Ah, simpler times.) But, for email marketers, it doesn’t cut it for rendering Outlook HTML emails.ġ20 DPI (dots per inch) adds to the complexity. These use Word as the rendering engine, which made sense at a time when email was like writing letters. These are the Windows desktop versions of Outlook. Let’s dive in to the different Outlook versions. All of this can be a giant headache if you let it. The name “Outlook” covers several different email clients with a couple of different rendering engines and at least two different viewing settings.

Enterprise Plan Boost collaboration and drive resultsįind your version of Microsoft Outlook and learn its eldritch secrets.

Litmus Plus Automate testing to ensure quality.

Litmus Basic Build error-free, effective emails quickly.

All Plans See solutions for companies of all sizes.

Outlook web mac