Nice information! Outlook.com and Workplace 365 Outlook (often known as OWA) now helps CSS background pictures. Till now, Microsoft’s webmail properties solely supported desk background picture attributes and never assist CSS background pictures. This restriction compelled e mail designers to make use of desk background attributes with the intention to show a background picture in Outlook.com.
Fortunately this assist is enabled in each the “basic” and beta Outlook webmail purchasers. This variation has been propagated to the Outlook iOS and Android apps as effectively. A lot because of Jóni de Sousa from Altaire who alerted me to this growth.
Advantages of CSS Background Photos
A key good thing about CSS background pictures over desk background attributes is the power to measurement and place the background picture. This permits the designer to measurement the background to the dimensions of the container or to make use of a a lot bigger “retina” picture because the background to provide the e-mail a way more polished look.
Background Picture Attribute on a Desk
<desk width="500"><tr><td background="bgimage.jpg">
...
</td></tr></desk>CSS Background Picture
background-image:url('bgimage.jpg')Background Photos Nonetheless Not Universally Supported
There are nonetheless just a few purchasers that don’t assist CSS background pictures (or any background pictures) so relying in your viewers chances are you’ll want to preserve utilizing background picture attributes along with CSS background picture for e mail purchasers that assist it. Both method, ensure you all the time outline an appropriate background coloration as a fallback in case your picture isn’t displayed.
That is the place E mail on Acid turns out to be useful. You possibly can shortly see how dozens of purchasers render your code adjustments in a single check.
Supported Background Properties in Outlook.com
Outlook.com helps background pictures in each shorthand and particular person properties.
background: url('bgimage.jpg') middle / cowl no-repeat #888888;
Attributable to quirks in different purchasers corresponding to Yahoo! Mail with shorthand background kinds, its in all probability greatest to make use of the person properties when utilizing background pictures. The next background properties are supported in Outlook.com:
background-image
background-repeat
background-size
background-position
background-color
background-origin
background-attachmentDon’t Guess, Take a look at!
At E mail on Acid, testing is on the core of our mission. After you’ve completed establishing the right design in your marketing campaign, guarantee the e-mail seems to be implausible in EVERY inbox. As a result of each shopper renders your HTML in another way, it’s vital to check your e mail throughout the most well-liked purchasers and gadgets.
Strive us free for 7 days and get limitless entry to e mail, picture and spam testing to make sure you get delivered and look good doing it!
