Bildspezifikationen
Generell laden kleinere, qualitativ hochwertige Bilder schneller. Wir empfehlen daher, die kleinstmögliche Datei zu verwenden, die das gewünschte Ergebnis liefert. Um die Bildnutzung in bestimmten Kanälen zu optimieren, lesen Sie die Details in diesem Artikel.
Sie sollten Ihre Nachrichten immer auf verschiedenen Geräten in der Vorschau anzeigen und testen, um sicherzustellen, dass die wichtigsten Bereiche Ihres Bildes und Ihrer Nachricht wie erwartet dargestellt werden.
Bildverhalten
| Layout | Verhalten |
|---|---|
| Bild und Text | Hohe oder schmale Bilder werden verkleinert und horizontal zentriert. Breite Bilder werden am linken und rechten Rand abgeschnitten. |
| Nur Bild | Die Nachricht passt sich an die meisten Seitenverhältnisse an. |
Video
Videos, die in die Medienbibliothek hochgeladen werden, können nur in WhatsApp-Nachrichten verwendet werden. Weitere Informationen finden Sie unter WhatsApp-Nachricht erstellen.
GIFs
GIFs werden in iOS-Push-Benachrichtigungen, In-App-Nachrichten, E-Mails, Content Cards sowie MMS- oder RCS-Nachrichten unterstützt. GIFs mit sehr langgestreckten Formen (z. B. 3000 x 2 Pixel) oder 300 oder mehr Frames können beim Hochladen fehlschlagen, selbst wenn die Gesamtdateigröße klein ist.
GIFs werden in Android-Push-Benachrichtigungen nicht unterstützt. Dies ist eine Einschränkung der Android-Plattform, keine Einschränkung von Braze.
Kanalrichtlinien
Content Cards
| Kartentyp | Seitenverhältnis | Bildqualität |
|---|---|---|
| Klassisch | Seitenverhältnis 1:1 | 60 x 60 px |
| Mit Beschriftung | Seitenverhältnis 4:3 | 600 px Mindestbreite |
| Banner | Beliebiges Seitenverhältnis | 600 px Mindestbreite |
Weitere Informationen finden Sie unter Kreative Details für Content Cards.
| E-Mail-Typ | Empfohlene Maximalwerte |
|---|---|
| Nur Text | 25 KB |
| Text mit Bildern | 60 KB |
| E-Mail-Breite | 600 px |
| Bildspezifikationen | Empfohlene Maximalwerte |
|---|---|
| Größe | 5 MB |
| Breite | Header: 600 px Textkörper: 480 px |
| Dateitypen | PNG, JPEG, GIF Die Unterstützung für WebP-Bilder variiert je nach E-Mail-Client. Um eine zuverlässige Darstellung zu gewährleisten, konvertieren Sie WebP-Bilder in das PNG- oder JPEG-Format, bevor Sie sie zu E-Mail-Nachrichten hinzufügen. |
| Textspezifikationen | Empfohlene Maximalwerte |
|---|---|
| Länge der Betreffzeile | 35 Zeichen 6 bis 10 Wörter |
"From: Name" Länge |
25 Zeichen |
| Preheader-Länge | 85 Zeichen |
In-App-Nachrichten
Modale In-App-Nachrichten sind so konzipiert, dass sie sich bestmöglich und mit dem höchsten Füllgrad an das Gerät anpassen, während sie gleichzeitig die Größe und das Verhältnis des von Ihnen gewählten Bildes oder Textes für Ihre Nachricht beibehalten.
Es gibt zwar keine Beschränkungen für die Anzahl der Textzeichen, die Sie in einer In-App-Nachricht verwenden können (einschließlich Buttons, Überschrift, Haupttext und weiterer Elemente), aber wir empfehlen, die Textmenge moderat zu halten. Zu viel Text führt dazu, dass Nutzer:innen die Nachricht erweitern und scrollen müssen.
Alle In-App-Nachrichten haben eine empfohlene Bildgröße von 500 KB, eine maximale Bildgröße von 5 MB und unterstützen die Dateitypen PNG, JPEG und GIF. WebP-Bilder werden nicht von allen Geräten oder Browsern unterstützt. Wir empfehlen, WebP-Bilder in das PNG- oder JPEG-Format zu konvertieren, bevor Sie sie zu In-App-Nachrichten hinzufügen.
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Hochformat Vollbild mit Text | 6:5 | Hohe Auflösung 1200 x 1000 px Mindestauflösung 600 x 500 px |
Der Beschnitt kann an allen Seiten erfolgen, aber das Bild füllt immer die oberen 50 % des Ansichtsfensters aus. |
| Hochformat Vollbild (nur Bild, mit oder ohne Buttons) | 3:5 | Hohe Auflösung 1200 x 2000 px Mindestauflösung 600 x 1000 px |
Bei größeren Geräten kann es am linken und rechten Rand zu Beschneidungen kommen. |
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Querformat Vollbild mit Text | 10:3 | Hohe Auflösung 2000 x 600 px Mindestauflösung 1000 x 300 px |
Der Beschnitt kann an allen Seiten erfolgen, aber das Bild füllt immer die oberen 50 % des Ansichtsfensters aus. |
| Querformat Vollbild (nur Bild, mit oder ohne Buttons) | 5:3 | Hohe Auflösung 2000 x 600 px Mindestauflösung 1000 x 600 px |
Bei größeren Geräten kann es am linken und rechten Rand zu Beschneidungen kommen. |
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Modal (nur Bild) | 1:1 | Empfohlene maximale Auflösung: 1200 x 2000 px Mindestauflösung: 600 x 600 px |
Die Nachricht passt sich an die meisten Seitenverhältnisse an. Die empfohlene maximale Auflösung hat ein Seitenverhältnis von 3:5, was möglicherweise nicht zu optimalen Ergebnissen führt. Größere Bilder sind zwar verwendbar, können jedoch zu längeren Ladezeiten führen. Das ideale Seitenverhältnis für Bilder ist 1:1. Wird dieses Verhältnis nicht eingehalten, kann dies beim Hochladen eine Warnung auslösen. Diese Warnung ist ein Vorschlag für optimale Ergebnisse und verhindert nicht das Hochladen größerer Bilder. |
| Modal mit Text | 29:10 | Hohe Auflösung 1450 x 500 px Mindestauflösung 600 x 205 px |
Hohe Bilder werden verkleinert und horizontal zentriert. Breite Bilder werden am linken und rechten Rand abgeschnitten. |
Erstellen Sie Assets mit Zuversicht! Unsere Bildvorlagen und Safe-Zone-Overlays für In-App-Nachrichten sind so konzipiert, dass sie auf Geräten aller Größen optimal funktionieren. Design-Vorlagen-ZIP herunterladen.
Weitere Informationen finden Sie unter Kreative Details für In-App-Nachrichten.
Font Awesome
Braze unterstützt die Verwendung von Font Awesome v4.3.0 für Icons in modalen In-App-Nachrichten.
Push-Benachrichtigungen
Wir empfehlen die folgenden Nutzlastgrößen:
| Nachrichtensystem | Empfohlene Nutzlast |
|---|---|
| iOS (vor iOS 8) | 0.256 KB |
| iOS (nach iOS 8) | 2 KB |
| Android (FCM) | 4 KB |
| Nachrichtentyp | Maximale Nachrichtenlänge | Maximale Titellänge |
|---|---|---|
| iOS-Sperrbildschirm | 175 Zeichen | 43 Zeichen |
| iOS-Benachrichtigung | 175 Zeichen | 43 Zeichen |
| iOS-Banneralarm | 85 Zeichen | 43 Zeichen |
| Android-Sperrbildschirm | 49 Zeichen | 43 Zeichen |
| Android-Benachrichtigungsschublade | 597 Zeichen | 43 Zeichen |
Die empfohlene Bildgröße für alle Push-Bilder beträgt 500 KB.
| Bildtyp | Seitenverhältnis | Maximale Pixel | Maximale Bildgröße | Dateitypen | Anmerkungen |
|---|---|---|---|---|---|
| iOS | 2:1 (empfohlen) | 1038 x 1038 | 5 MB | PNG, JPEG, GIF | Seit Januar 2020 können iOS-Rich-Push-Benachrichtigungen Bilder mit einer Größe von 1038 x 1038 px verarbeiten, solange sie unter 10 MB liegen. Wir empfehlen jedoch, eine möglichst kleine Dateigröße zu verwenden. In der Praxis kann das Versenden großer Dateien sowohl unnötigen Netzwerkstress verursachen als auch dazu führen, dass es häufiger zu Download-Timeouts kommt. Weitere Informationen finden Sie unter iOS Rich-Benachrichtigungen. |
| Android-Push-Symbol | 1:1 | N/A | 500 KB | PNG, JPEG | |
| Android erweitertes Benachrichtigungsbild | 2:1 | Klein: 512 x 256 Mittel: 1024 x 512 Groß: 2048 x 1024 |
500 KB | PNG, JPEG | Wird in Android Rich-Benachrichtigungen verwendet. |
| Android-Inline-Bild | 3:2 | N/A | N/A | PNG, JPEG | Weitere Einzelheiten finden Sie unter Android-Inline-Image-Push. |
Empfohlene Nachrichtenlängen
Für optimale Ergebnisse beachten Sie die folgenden Richtlinien zur Nachrichtenlänge beim Erstellen von Push-Nachrichten. Es kann je nach Vorhandensein eines Bildes, dem Benachrichtigungsstatus (iOS) und der Anzeigeeinstellung des Geräts sowie der Gerätegröße zu Abweichungen kommen.
| Nachrichtentyp | Empfohlene Länge (nur Text) | Empfohlene Länge (Rich) |
|---|---|---|
| iOS-Sperrbildschirm | 160 Zeichen | 130 Zeichen |
| iOS Notification Center | 160 Zeichen | 130 Zeichen |
| iOS-Bannerbenachrichtigung | 80 Zeichen | 65 Zeichen |
| Android-Sperrbildschirm | 49 Zeichen | N/A |
| Android-Benachrichtigungsleiste | 597 Zeichen | N/A |
Weitere Informationen zu iOS-Zeichenanzahlen finden Sie unter iOS-Richtlinien zur Zeichenanzahl.
Web-Push
| Browser | Empfohlene Symbolgröße |
|---|---|
| Chrome | 192 x 192 px oder größer |
| Firefox | 192 x 192 px oder größer |
| Safari | 192 x 192 px oder größer (pro Campaign konfigurierbar mit Safari 16 auf macOS 13+) |
| Opera | 192 x 192 px oder größer |
| Browser | Plattform | Große Bildgröße |
|---|---|---|
| Chrome | Android | 2:1-Seitenverhältnis |
| Firefox | Android | N/A |
| Chrome | Windows | 2:1-Seitenverhältnis |
| Edge | Windows | 2:1-Seitenverhältnis |
| Firefox | Windows | N/A |
| Opera | Windows | 2:1-Seitenverhältnis |
| Chrome | macOS | N/A |
| Safari | macOS | N/A |
| Firefox | macOS | N/A |
| Opera | macOS | N/A |
| Browser | Plattform | Maximale Titellänge | Maximale Textlänge |
|---|---|---|---|
| Chrome | Android | 35 | 50 |
| Firefox | Android | 35 | 50 |
| Chrome | Windows | 50 | 120 |
| Edge | Windows | 50 | 120 |
| Firefox | Windows | 54 | 200 |
| Opera | Windows | 50 | 120 |
| Chrome | macOS | 35 | 50 |
| Safari | macOS | 38 | 84 |
| Firefox | macOS | 38 | 42 |
| Opera | macOS | 38 | 42 |
Beispiele für Push-Benachrichtigungen
Benachrichtigungen mit großen Bildern werden am besten mit einem Bild von mindestens 600 x 300 Pixeln dargestellt.
Weitere Ressourcen finden Sie unter Bild- und Textspezifikationen für Push-Benachrichtigungen.