Praxistipps für die Gestaltung von HTML-Mails

14. Dezember 2009, 20:17 Uhr

David Greiner (Mitgründer von Campaign Monitor) hat auf 24ways.org einige Empfehlungen für die Gestaltung von HTML-Mails veröffentlicht. Viele Hinweise dürften den meisten Leser/innen bereits bekannt sein, ein paar neue Tipps sind aber sicherlich auch dabei.

Aus dem Inhalt:

  • Set the width in each cell, not the table
  • Use a container table for body background colors
  • Avoid unnecessary whitespace in table cells
  • Always move your CSS inline
  • Avoid spacer images

Ausführlich: 24ways.org: Rock Solid HTML Emails

Kategorien : Newsletterdesign
Tags :

Auf XING empfehlen: Ihren XING-Kontakten zeigen

Artikel bookmarken: twitter | delicious | Google | Mister Wong
Ähnliche Beiträge


Trackbacks & Pingbacks

Kommentare
ramon lembicz 15. Dezember 2009

super. danke für den Link. davon kann man nie genug bekommen.

web direct 31. August 2010

Kann mir jemand beantworten, warum man keine “spacer images” verwenden sollte? Ich habe damit sehr gute Erfahrungen, unabhängig dass sie auch notwendig sind in Email Layouts, um zB Tabellenrahmen optimal darzustellen.

Nico Zorn 31. August 2010

@web direct: Sicherlich kann man nicht vollständig auf Spacer verzichten. Es empfiehlt sich jedoch, damit möglichst sparsam umzugehen. Der Grund ist auf der verlinkten Seite erläutert:

“Most clients replace images with an empty placeholder in the same dimensions, others strip the image altogether. Given image blocking is on by default in most email clients, this can lead to a poor first impression for many of your subscribers. Stick to fixed cell widths to keep your formatting in place with or without images.”

( http://24ways.org/2009/rock-solid-html-emails )

Einen Kommentar hinterlassen