Gmail verwendet ein Bild-Proxy-System, das Ihre Bilder vor der Anzeige an die Empfänger ändern oder konvertieren kann. Wenn eine E-Mail WebP-Bilder enthält, ändert Gmail das Format (in PNG oder JPEG), was die Transparenz abflachen, Farben anpassen oder Animationen entfernen kann. Infolgedessen können Sie verzerrte Kanten, pinke/rote Halos, schwarze Hintergründe oder Bilder von geringerer Qualität des Produkts bemerken.
Dieser Artikel erklärt, warum diese Probleme auftreten und wie man sie verhindern oder lösen kann.
Warum Gmail WebP-Bilder ändert
Gmail zeigt Ihr Bild nicht immer genau so an, wie Sie es hochgeladen haben. Wenn Ihre E-Mail geöffnet wird, erstellt Gmail seine eigene Version des Bildes, und während dieses Prozesses kann sich das Bild ändern.
Das könnte Gmail mit WebP-Bildern tun:
Konvertieren Sie das Bildformat von WebP nach PNG oder JPEG;
Entfernen Sie die Transparenz, die unerwartete Farben an den Rändern hinzufügen kann;
Komprimieren oder Anpassen des Bildes, was die Schärfe oder Klarheit verringern kann;
Drehen Sie animierte WebP-Bilder in statische Bilder um.
Diese Änderungen sind der Grund, warum WebP-Dateien in Gmail möglicherweise anders angezeigt werden, wie im obigen Beispiel. Diese Änderungen werden nach der Verarbeitung des Bildes durch Gmail eingeführt.
Hinweis: Omnisend macht keine Neuencodierung oder Änderung Ihrer Bilddateien. Wir verweisen direkt auf Ihre Bild-URL im <img>-Tag. Anzeigeprobleme treten auf, nachdem Gmail Ihr Bild über seinen Proxy verarbeitet.
Fehlerbehebung bei häufigen WebP-Problemen in Gmail
Rote/Rosa Ränder um Bilder
Bilder, die Transparenz, weiche Kanten oder Ausschnitte enthalten, können dünne rosa oder rote Ränder in Gmail anzeigen.
Dies geschieht, weil Gmail oft WebP-Bilder in JPEG konvertiert, und JPEG unterstützt keine Transparenz. Wenn die Transparenzebene abgeflacht wird, können schwache Farbfransen an den Rändern erscheinen, insbesondere auf weißen oder hellen Hintergründen.
Lösung:
Um Halos oder Fransen um Ihre Bilder zu verhindern:
Vermeiden Sie die Verwendung von WebP für Grafiken. Verwenden Sie stattdessen PNG.
Sie können PNG für jedes Bild mit Transparenz, weichen Schatten, ausgeschnittenen Produkten, Logos oder Icons verwenden.
Verwenden Sie JPG für Fotos.
Das JPG-Format ist die sicherste Option für Vollbildfotos und Hintergrundbilder ohne Transparenz.
Dies verhindert unerwünschte Halos/Fransen, reduziert die Zeit, die mit der Fehlersuche des E-Mail-Aussehens verbracht wird, und hilft, dass E-Mails in allen E-Mail-Clients wie erwartet aussehen.
WebP-Probleme mit transparentem Hintergrund
Zusätzlich zu rosa/roten Rändern können Bilder mit transparenten Hintergründen auch mit einer schwarzen, grauen oder unerwarteten Hintergrundfarbe angezeigt werden, wenn sie in Gmail betrachtet werden.
Da Gmail WebP-Bilder in ein anderes Format konvertiert, bevor sie angezeigt werden, kann die Transparenz entfernt oder abgeflacht werden, wodurch zuvor transparente Bereiche mit einer einheitlichen Farbe gefüllt werden.
Lösung:
Um Probleme mit transparenten Hintergründen in Gmail zu vermeiden:
Vermeiden Sie die Verwendung von WebP für Bilder mit Transparenz. Verwenden Sie stattdessen PNG.
PNG bewahrt die Transparenz zuverlässiger, wenn E-Mail-Clients Bilder verarbeiten.Verwenden Sie PNG für Logos, Icons und Grafiken mit transparenten Hintergründen.
Dies hilft sicherzustellen, dass transparente Bereiche in allen Postfächern transparent bleiben.Vermeiden Sie weiche Schatten oder teilweise transparente Kanten, wenn möglich.
Diese Elemente erzeugen nach der Conversion eher unerwünschte Hintergrundfarben.
Die Verwendung von PNG für transparente Bilder reduziert unerwartete Hintergrundfüllungen und hilft, dass Ihre E-Mails konsistent in Gmail und anderen E-Mail-Clients angezeigt werden.
Animierte WebP-Bilder werden als statisch angezeigt
Animierte WebP-Bilder können als statische (nicht animierte) Bilder angezeigt werden, wenn sie in Gmail geöffnet werden.
Gmail unterstützt animierte WebP-Dateien nicht zuverlässig. Wenn Gmail diese Bilder verarbeitet, bevor sie angezeigt werden, kann die Animation entfernt werden, und es wird nur ein einzelner Frame angezeigt.
Lösung:
Um sicherzustellen, dass Animationen in Gmail korrekt angezeigt werden:
Vermeiden Sie animierte WebP-Bilder in E-Mails.
Gmail kann animierte WebP-Dateien in statische Bilder umwandeln.Verwenden Sie stattdessen GIF für animierte Inhalte.
GIF ist das am weitesten unterstützte Animationsformat in E-Mail-Clients, einschließlich Gmail.Halten Sie Animationen leicht und einfach.
Kurze, sich wiederholende Animationen mit weniger Frames laden zuverlässiger und werden konsistenter angezeigt.
Die Verwendung von GIFs für Animationen hilft sicherzustellen, dass die Bewegung erhalten bleibt und Ihre Nachricht in Gmail und anderen E-Mail-Clients wie beabsichtigt erscheint.
Häufig gestellte Fragen
Warum sehen meine Produktbilder von WooCommerce in Gmail verschwommen oder zerbrochen aus?
Dies kann passieren, wenn Ihre WooCommerce-Produktbilder im WebP-Format hochgeladen wurden, insbesondere wenn sie transparente Hintergründe enthalten. Wenn diese Bilder in Omnisend synchronisiert werden, wird die ursprüngliche WebP-Version beibehalten. Gmail kann das Bild dann konvertieren oder neu komprimieren, wenn es angezeigt wird, was zu Unschärfe, Pixelierung oder zerbrochenen Kanten führen kann.
Um dies zu beheben, aktualisieren Sie die Produktbilder an der Quelle in WooCommerce:
Entfernen Sie transparente Hintergründe oder
Ersetzen Sie WebP-Bilder durch PNG- oder JPG-Versionen
Sobald das Quellbild in WooCommerce aktualisiert wird, wird das korrigierte Bild automatisch in Ihre Omnisend-E-Mails synchronisiert.
Kann ich verhindern, dass Gmail meine Bilder ändert?
Nein. Gmail steuert, wie Bilder verarbeitet und angezeigt werden, und dieses Verhalten kann nicht überschrieben werden.
Warum sehen meine Bilder auf meiner Website gut aus, aber nicht in Gmail?
Webbrowser unterstützen WebP nativ. E-Mail-Clients, einschließlich Gmail, können ändern, wie WebP-Bilder verarbeitet werden, bevor sie angezeigt werden.
Benötigen Sie weitere Unterstützung? Zögern Sie nicht, sich über den In-App-Chat oder unter Bitte kontaktieren Sie uns unter [email protected].