Erstellen Sie ein BIMI-Logo, das alle Anforderungen erfüllt
Das BIMI-Logo muss eine Reihe von Anforderungen erfüllen, bevor es im Posteingang angezeigt werden kann. Wenn das Logo diese Anforderungen nicht erfüllt, darf es nicht angezeigt werden. Lesen Sie weiter und erfahren Sie, was die BIMI-Anforderungen sind und wie Sie eine gültige SVG-Datei erstellen.
Bitte beachten Sie, dass die BIMI-Arbeitsgruppe für die Definition der Spezifikationen zuständig ist. Die unten aufgeführten Anforderungen und Anleitungen können aktualisiert/geändert werden.
BIMI Logo Anforderungen
- Stellen Sie sicher, dass das Logo vektorbasiert ist. Dateien mit der Erweiterung: PDF, Ai SVG oder EPS sind oft vektorbasierte Dateien. Im Zweifelsfall wenden Sie sich bitte an den Designer.
- Format: SVG Tiny 1.2
- Abmessungen des Logos: quadratisch
- Das BIMI-Logo muss auf einer Domain mit einem SSL-Zertifikat (https) veröffentlicht werden.
Wie man eine validierte BIMI SVG-Datei erstellt
Gehen Sie die folgenden Schritte durch und erstellen Sie eine SVG-Datei, die für den BIMI-Datensatz verwendet werden kann.
- Öffnen Sie die vektorbasierte Datei in Adobe Illustrator
- Speichern Sie die Datei unter (Datei > Speichern unter...)
Wählen Sie SVG (nicht: svgz) | Vermeiden Sie Großbuchstaben, Leerzeichen, Unterstriche oder seltsame Zeichen im Dateinamen. Halten Sie es einfach. Zum Beispiel: markenname-bimi.svg
- Speichern Sie die Datei mit den folgenden Einstellungen
Einstellungen: SVG-Profile: SVG Tiny 1.2 | Bildposition: beibehalten
- Öffnen Sie die soeben erstellte SVG-Datei in einem Code-/Texteditor
Wenn kein Code-Editor verfügbar ist, öffnen Sie die standardmäßig verfügbare Software. Zum Beispiel: TextEdit (Mac) oder Notepad (Windows)
- In Zeile 3: Ändern Sie das Basisprofil von "tiny" in "tiny-ps".
- In Zeile 3: Entfernen Sie die x/y-Attribute
Wenn das SVG-Tag (<svg...) die x/y-Attribute enthält (zum Beispiel: x="0" y="0"), entfernen Sie diese Attribute.
- Fügen Sie in Zeile 4 einen Titel hinzu
Nach dem <svg... und vor dem <g> Tag) fügen Sie <title></title> hinzu. Beispiel: <title>Markenname</title> Mehr als 65 Zeichen sind nicht erlaubt
- Speichern Sie die geänderte Datei (SVG)
Wenn die angepasste SVG-Datei ähnlich wie in diesem Beispiel aussieht. Die Datei ist fertig.
- Laden Sie die SVG-Datei auf den Server hoch, für den auch der BIMI-Datensatz veröffentlicht wird
Fehlerbehebung in der BIMI SVG-Datei
Finden Sie heraus, ob das BIMI-Logo Bitmap-Bilder enthält
Um herauszufinden, ob ein Bitmap-Bild hinzugefügt wurde, prüfen Sie die SVG-Datei. Es gibt mehrere Möglichkeiten, den Quellcode einer SVG-Datei zu überprüfen. Zwei davon werden im Folgenden erwähnt:
- Speichern/Herunterladen der SVG-Datei (Option 1)
- Öffnen Sie die SVG-Datei in TextEdit (Mac) oder Notepad (Windows)
- Öffnen Sie die SVG-Datei in Google Chrome (Option 2)
- Sehen Sie sich den Quellcode an ( > developer > Quellcode ansehen)
- Nachdem der Quellcode sichtbar ist, suchen Sie nach: img/
Wenn die Suche ein Ergebnis liefert, kann davon ausgegangen werden, dass die SVG-Datei ein Bitmap-Bild enthält und daher nicht den Richtlinien des BIMI-Logos entspricht.
Beispiel:
Wenn die nächste Zeile (file.Xlink:href="data:img/png;base64, i) gefunden wird, enthält die SVG-Datei einen Verweis auf ein PNG (Bitmap).
Lösung
Bitten Sie den Designer des Logos, die Datei so zu ändern, dass sie vollständig vektorbasiert ist.
Große SVG-Dateien ohne Bitmap-Bilder
Es ist möglich, dass die SVG-Datei auf eine andere Weise erstellt wurde und daher mehr (unnötigen) Code enthält.
Lösung
Öffnen Sie in diesem Fall die SVG-Datei in Adobe Illustrator und befolgen Sie die oben genannten Schritte. Dadurch wird eine gut kodierte SVG-Datei erstellt.
Zusätzliche Ressourcen
- Die vollständige BIMI SVG-Spezifikation
- Weitere Informationen zur Erstellung von SVG-Dateien mit Adobe Illustrator
