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?
Mit Publy 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 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–400 px (Retina: 1200 × 400–800 px)
- Produkt-Tile: 280 × 280 px oder 300 × 300 px
- Promo-Banner: 600 × 200 px
- Footer-Banner: 600 × 100–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 erstellst du E-Mail Marketing Grafiken in Schweizer Markenqualität — markenkonform, mobil-optimiert und Mail-Client-kompatibel. Starte jetzt kostenlos und steigere die Klickrate deiner Newsletter.