Was sind E-Mail Marketing Grafiken?
E-Mail Marketing Grafiken sind visuelle Elemente innerhalb einer Marketing-E-Mail. Hero-Banner (Header oben), Produkt-Tiles (Grid mit Produktbildern), Trenner-Grafiken (zwischen Sektionen), CTA-Buttons als Bild und Footer-Banner. Sie werden meist im Format 600 × X px erstellt, die Standard-Breite für E-Mail-Templates, da diese in den meisten Mail-Clients ohne horizontales Scrollen dargestellt wird. Auf Retina-Displays werden Grafiken mit doppelter Auflösung (1200 px Breite) hochgeladen und auf 600 px skaliert dargestellt, sonst wirken sie unscharf.
Laut Mailchimp Industry Benchmarks 2024 liegt die durchschnittliche Öffnungsrate in der DACH-Region bei 36,5 %, die Klickrate bei 2,1 %. E-Mails mit visuellen Elementen erzielen 42 % höhere Klickrate als reine Text-E-Mails, vorausgesetzt, die Grafiken laden schnell und werden in allen Mail-Clients (Gmail, Apple Mail, Outlook) korrekt dargestellt. Outlook ist dabei der schwierigste Client, er rendert kein modernes CSS und unterstützt keine Web-Fonts. Deshalb müssen E-Mail-Grafiken oft als JPG/PNG eingebettet werden statt als HTML/CSS-Konstrukte.
Wie erstellt man E-Mail-Grafiken mit publy.ch?
Mit publy.ch gestaltest du E-Mail-Visuals, die in jedem Mail-Client funktionieren:
- Brand Kit aktivieren: Farben, Schriften und Logo werden auf alle E-Mail-Vorlagen übertragen. Konsistenz mit Newsletter-Header und Website.
- Grafik-Typ wählen: Vorlagen für Hero-Banner (600 × 300 px), Produkt-Tile (300 × 300 px), Promo-Banner (600 × 200 px) oder Footer-Banner (600 × 150 px).
- Inhalt generieren: KI schlägt Headline, Sub-Headline und CTA-Text vor. Passend zu Newsletter-Themen wie Sale, Produktlaunch, Event.
- Mobile-Vorschau prüfen: publy.ch zeigt automatisch, wie die Grafik auf 320 px Breite (iPhone SE) wirkt. Wichtig, da 60 % der E-Mails mobil geöffnet werden.
- Als optimiertes JPG/PNG exportieren: Datei wird komprimiert (unter 100 KB pro Grafik), damit die E-Mail unter 200 KB Gesamtgrösse bleibt. Sonst kürzt Gmail die Anzeige.
Best Practices für E-Mail-Grafiken
- 600 px Breite einhalten: Standard für alle gängigen E-Mail-Templates. Bei Retina @2x = 1200 px Quelldatei.
- Wichtige Inhalte als Text, nicht als Bild: 43 % der Outlook-Nutzer haben Bilder standardmässig deaktiviert. Headline als HTML-Text, Visual als Ergänzung.
- Alt-Text immer setzen: «Sommerangebot: 20 % auf alle T-Shirts» statt «Banner_01.jpg», wird angezeigt, wenn Bilder blockiert sind.
- CTA als HTML-Button, nicht als Bild: Bullet-proof Buttons (HTML/CSS-Tabellen) funktionieren überall, Bild-Buttons fehlen oft.
- Maximalgrösse pro Bild: 100 KB: Sonst lädt die E-Mail langsam, Gmail kürzt ab 102 KB Gesamtgrösse mit «Nachricht abgeschnitten anzeigen».
- Schweizer Kontext: Sprache klar (Du oder Sie konsistent), CHF-Preise inkl. MWST, AGB-Link im Footer Pflicht.
Formate und Abmessungen
- Hero-Banner: 600 × 200 bis 400 px (Retina: 1200 × 400 bis 800 px)
- Produkt-Tile: 280 × 280 px oder 300 × 300 px
- Promo-Banner: 600 × 200 px
- Footer-Banner: 600 × 100 bis 150 px
- CTA-Button (als Fallback-Bild): 200 × 50 px
- Dateiformate: JPG (für Fotos), PNG (für Grafiken mit Text), GIF (animiert, max. 1 MB)
- Max. Gesamtgrösse aller Bilder: 100 KB einzeln, 1 MB pro E-Mail
Häufige Fehler vermeiden
- Komplette E-Mail als ein Bild: Wird bei deaktivierten Bildern leer angezeigt und landet öfter im Spam-Filter.
- Text in Bildern für wichtige Infos: Outlook-Bilder-aus-Nutzer sehen nichts, wichtige Infos immer doppelt (Bild + HTML-Text).
- Web-Fonts in Bildern annehmen: Eingebettete Web-Fonts werden in Outlook nicht geladen. Schriften ins Bild rendern.
- Zu grosse Dateien: E-Mails über 102 KB Gesamtgrösse werden in Gmail abgeschnitten.
- Kein Alt-Text: Visuelle Beeinträchtigung + blockierte Bilder = Inhalt unsichtbar.
E-Mail-Grafiken und KI
Mit publy.ch erstellst du E-Mail Marketing Grafiken in Schweizer Markenqualität, markenkonform, mobil-optimiert und Mail-Client-kompatibel. Teste jetzt 3 Tage kostenlos und steigere die Klickrate deiner Newsletter.