Hintergrundgrafiken – Eingebettete Hintergrundgrafiken
Damit die Bilder eines Newsletters auch ohne Internetverbindung betrachtet werden können, müssen diese in die E-Mail eingebettet werden. Professionelle E-Mail Marketing Software unterstützt in der Regel das Einbetten von Grafiken.
In Inxmail Professional (Lösung der Inxmail GmbH ) werden Bilder über den System-Befehl %embedded-image eingebettet. Für das folgende Beispiel wird auf diesen speziellen Inxmail-Befehl zurückgegriffen. Beispiel: Es wird dieselbe Hintergrundgrafik wie im vorhergehenden Beispiel eingebunden mit dem Unterschied, dass die Grafik eingebettet wird.
<body background="[%embedded-image(1);hintergrund.gif]"> </body>
In Outlook 2007 werden eingebettete Hintergrundbilder im body sofort angezeigt. Die eingebettete Variante ist für diesen speziellen Fall (Hintergrundgrafik im body) der webbasierten Referenzierung vorzuziehen.
Sehr unterschiedlich verhält es sich bei Tabellen: Für die gesamte Tabelle <table> wird die eingebettete Hintergrundgrafik nicht angezeigt und ist auch nicht als Anhang vorhanden. Bei einer Tabellenzeile <tr> und einer Tabellenzelle <td> wird die Hintergrundgrafik ebenfalls nicht angezeigt, ist aber als Anhang der E-Mail beigefügt.
Hintergrundgrafik im Anhang der E-Mail (Outlook 2007)
Thunderbird v1.5 bietet wiederum durchgehende Unterstützung. Die Ergebnisse der folgenden Tabelle basieren auf der Einbettung durch den Inxmail-Befehl %embedded-image.
Alternativtext für Grafiken
Bei der Einbindung einer Grafik mit img kann über das Attribut alt ein Alternativtext angegeben werden, der erscheint, falls die Grafik nicht angezeigt wird. Konkret erscheinen die Alternativtexte, falls die Anzeige von Grafiken im Browser deaktiviert wurden oder der Anwender das Laden der Webseite abgebrochen hat, bevor die Grafik übertragen wurde.
Beispiel: Nachfolgender Code bindet eine Grafik ein und definiert als Alternativtext "[Bild: Banner]". Zusätzlich wird über die CSS-Eigenschaft color die Farbe rot für den Alternativtext festgelegt.
<img src="http://www.inxmail.de/inxmail.jpg" style="color:red" alt="[Bild: Banner]" />
Outlook 2003 unterstützt das alt-Attribut, zusätzlich kann die Farbe des Alternativtextes mit Hilfe von CSS definiert werden.
Anzeige des farbigen Alternativtextes einer Grafik (Outlook 2003)
Nach Angaben von Microsoft wird das alt-Attribut in Outlook 2007 nicht mehr unterstützt. In der nächsten Abbildung ist aber deutlich zu erkennen, dass der Alternativtext "[Bild:Banner]" der Grafik in Outlook 2007 angezeigt wird.
Anzeige des Alternativtextes einer Grafik (Outlook 2007)
Allerdings kann der Alternativtext unter Outlook 2007 nicht mehr mit CSS formatiert werden. Während Outlook 2003 immerhin die CSS-Eigenschaft color unterstützt, kann Outlook 2007 keine farbliche Anpassung des Alternativtextes vornehmen.
Zudem ist unter Outlook 2003 und 2007 zu beachten, dass dem eigentlichen Alternativtext ein langer Erklärungstext vorangestellt wird: "Klicken Sie mit der rechten Maustaste hier, um Bilder herunterzuladen. Aus Datenschutzgründen hat Outlook das automatische Herunterladen dieses Bildes aus dem Internet verhindert." Bei Bildern mit geringen Bildmaßen ist nur ein Teil des Erklärungstextes sichtbar, der Alternativtext bleibt verborgen.
Alternativtext außerhalb des sichtbaren Bereiches (Outlook 2007)
Thunderbird v1.5 bietet bei der Anzeige des Alternativtextes volle CSS-Unterstützung. Neben der Festlegung der Farbe mit color wie in Outlook 2003 kann in Thunderbird zusätzlich die Schriftgröße über font-size definiert werden.
Anzeige des farbigen Alternativtextes einer Grafik (Thunderbird v1.5)
Das HTML-Attribut alt zur Angabe von Alternativtexten bei Grafiken wird entgegen der Behauptung von Microsoft auch in Outlook 2007 unterstützt. Allerdings kann der Alternativtext nicht mehr farblich mit Hilfe der CSS-Eigenschaft color angepasst werden. Zusätzlich ist zu beachten, dass durch den langen Sicherheitshinweis der eigentliche Alternativtext schnell übersehen wird, so dass dieser fast unbrauchbar ist.
Nächte Woche erscheint der zweite Teil dieses Artikels in dem, die wichtigsten Änderungen der HTML- und CSS-Unterstützung vorgestellt werden.
Weitere Kapitel
- 1. Teil: HTML E-Mails mit Outlook 2007 – Teil I
- 2. Teil: Wichtige Änderungen – HTML Unterstützung
- 3. Teil: Hintergrundgrafiken – Eingebettete Hintergrundgrafiken
Kommentare
Bitte beachten Sie unsere Informationen zum Datenschutz.
blog comments powered by DisqusWeitere Artikel zum Thema
alle Artikel zum Thema
© 2012 FEiG & PARTNER