Gmail Newsletter: nezobrazuje se obrázek na pozadí

Systémové upozornění
Hlavní informace
gmail-newsletter-nezobrazuje-se-obrazek-na-pozadi

Už se vám stalo, že jste odeslali newsletter a v Gmailu se nezobrazí obrázek na pozadí, ani když použijete base64 obrázek? Zde je řešení, které funguje:

Původně jsem měl v HTML newsletteru toto:

<div style="background: url('http://www.vasedomena.cz/images/newsletter.jpg') repeat-y center top; background-size: contain;">

To zobrazilo bílé pozadí. Když jsem použil fallback do barvy, tedy...

<div style="background-image: url('http://www.vasedomena.cz/images/newsletter.jpg'), background-repeat: repeat-y; background-position: center top; background-color: #aaaaaa; background-size: contain;">

... tak se zobrazila pouze ta barva. Takže funkční řešení pokud chcete mít obrázek na pozadí, roztažený na 100% šířky newsletteru je:

<div style="margin: 0; padding: 0; background: url('http://www.vasedomena.cz/images/newsletter.jpg') repeat-y top / 100% auto;">

Varianta s base64 obrázkem bude samozřejmě také fungovat. Zde je pěkný base64 generator.