Warum sollten Sie Ihr SVG ins BIMI-Tiny-PS-Format konvertieren?
BIMI zeigt das Logo Ihrer Marke in Gmail, Yahoo und Apple Mail direkt neben Ihren E-Mails an. In seinem BIMI-Pilotprojekt maß Verizon Media, damals Eigentümer von Yahoo Mail, eine im Durchschnitt um 10 % höhere Öffnungsrate (BIMI Group, Februar 2020). Aber E-Mail-Anbieter akzeptieren nicht jedes SVG: Die Datei muss dem Profil SVG Tiny-PS (Tiny Portable/Secure) entsprechen, einer strengen Untermenge des SVG-Formats.
Ein aus Illustrator, Figma oder Inkscape exportiertes SVG enthält fast immer verbotene Elemente: Scripts, eingebettete Schriften, Editor-Metadaten, Animationen. Ein einziges nicht konformes Element reicht aus, um die Logo-Anzeige zu blockieren.
Typische Anwendungsfälle:
- Neues BIMI-Deployment → Konvertieren Sie Ihr bestehendes Logo, bevor Sie den DNS-Eintrag veröffentlichen
- Logo wird von Gmail abgelehnt → Identifizieren und entfernen Sie verbotene Elemente automatisch
- Marken-Update → Konvertieren Sie das neue Logo und prüfen Sie die Konformität vor dem Produktivbetrieb
So konvertieren Sie Ihr SVG in 3 Schritten
Schritt 1: SVG importieren
Zwei Optionen:
- Drag-and-Drop: Ziehen Sie Ihre
.svg-Datei in den Import-Bereich - Code einfügen: Kopieren Sie den XML-Inhalt Ihres SVGs in das Eingabefeld
Das Tool akzeptiert Dateien bis 256 KB. Wenn Ihr SVG diese Grenze überschreitet, optimieren Sie es zuerst mit SVGO.
Schritt 2: Konvertierung starten
Optional: Geben Sie den Logo-Titel ein (z. B. "Acme Corp"). Dieser Titel ist für Tiny-PS erforderlich. Wenn Sie ihn nicht angeben, wird standardmäßig "Untitled Logo" verwendet.
Klicken Sie auf Konvertieren. Das Tool:
- Analysiert das Quell-SVG und erkennt Nicht-Konformitäten
- Fügt die erforderlichen Attribute hinzu (
version="1.2",baseProfile="tiny-ps",xmlns) - Entfernt verbotene Elemente (Scripts, Schriften, Animationen, Rasterbilder)
- Bereinigt Metadaten und Kommentare
- Validiert das Ergebnis (Größe, viewBox, Konformität)
Schritt 3: Herunterladen und prüfen
Prüfen Sie den Bericht:
- Automatische Korrekturen (grün): Attribute hinzugefügt oder korrigiert
- Entfernte Elemente (orange): Scripts, Schriften, Animationen entfernt
- Bereinigungen (blau): Kommentare, Metadaten entfernt
- Diagnosen: Verbleibende Warnungen (nicht quadratische viewBox, Größe nahe am Limit)
Laden Sie die konforme SVG Tiny-PS-Datei herunter und hosten Sie sie auf Ihrem CDN über HTTPS.
Was ist SVG Tiny-PS?
SVG Tiny-PS (Tiny Portable/Secure) ist ein Profil des Formats SVG Tiny 1.2, definiert von der BIMI Working Group. Es erzwingt Sicherheitsbeschränkungen, damit Logos in E-Mails keinen Code ausführen oder externe Ressourcen laden können.
Wesentliche Unterschiede zu einem Standard-SVG:
| Aspekt | Standard-SVG | SVG Tiny-PS |
|---|---|---|
version | Frei | 1.2 erforderlich |
baseProfile | Frei | tiny-ps erforderlich |
title | Optional | Erforderlich |
| Scripts | Erlaubt | Verboten |
| Animationen | Erlaubt | Verboten |
| Externe Schriften | Erlaubt | Verboten |
| Rasterbilder | Erlaubt | Verboten |
| SVG-Filter | Erlaubt | Verboten |
| Externe Referenzen | Erlaubt | Verboten |
| Max. Größe | Unbegrenzt | 32 KB |
| viewBox | Optional | Quadratisch empfohlen |
Welche Transformationen führt das Tool durch?
Der Converter wendet drei Arten von Änderungen an:
Automatische Korrekturen (Auto-Fix)
| Änderung | Beschreibung |
|---|---|
| SVG-Version | Fügt version="1.2" hinzu oder korrigiert es |
| Base Profile | Fügt baseProfile="tiny-ps" hinzu oder korrigiert es |
| Titel | Fügt title hinzu, falls fehlend |
| Namespace | Fügt xmlns hinzu, falls fehlend |
| Attribute x/y | Entfernt x= und y= vom Wurzelelement |
| Dimensionen | Entfernt width und height vom Wurzelelement |
| ViewBox | Leitet viewBox aus width/height ab, falls fehlend |
Entfernung verbotener Elemente (Strip)
| Entferntes Element | Grund |
|---|---|
script | Ausführbarer Code verboten |
animate, set, animateTransform | Animationen verboten |
foreignObject, iframe, video, audio | Interaktiver Inhalt verboten |
font, font-face | Externe Schriften verboten |
filter | SVG-Filter verboten |
image, feImage | Rasterbilder verboten |
@font-face-Regeln in style | CSS-Schriften verboten |
Externe xlink:href-Referenzen | Entfernte Links verboten |
| Data URIs | Eingebettete Daten verboten |
Bereinigungen (Clean)
| Bereinigung | Beschreibung |
|---|---|
| XML-Kommentare | Entfernt zur Größenreduzierung |
| Processing Instructions | Entfernt (außer <?xml?>) |
| Metadaten | Element metadata entfernt |
xml-stylesheet | Stylesheet-Referenz entfernt |
Praxisnahe Anwendungsfälle
Fall 1: Illustrator-Export mit versteckten Scripts
Symptom: Das aus Adobe Illustrator exportierte Logo wird von Gmail abgelehnt.
Diagnose: Das SVG enthält ein Animations-script aus den Export-Einstellungen sowie umfangreiche Illustrator-Metadaten.
Aktion: Importieren Sie die Datei in den Converter. Scripts, Metadaten und Processing Instructions werden automatisch entfernt. Die Datei schrumpft von 45 KB auf 12 KB.
Fall 2: Figma-Logo mit nicht konvertiertem Text
Symptom: Das konvertierte Logo zeigt Quadrate statt Text.
Diagnose: Das SVG enthält text-Elemente, die über @font-face auf Schriften verweisen. Der Converter entfernt die Schriften (in Tiny-PS verboten), aber der Text verliert seine Darstellung.
Aktion: Wählen Sie in Figma den Text aus und nutzen Sie "Outline Stroke", um ihn in Vektorpfade umzuwandeln. Exportieren Sie erneut und konvertieren Sie.
Fall 3: Konformes Logo, aber zu groß
Symptom: Die Konvertierung gelingt, aber die Diagnose meldet SVG_TOO_LARGE.
Diagnose: Die Datei überschreitet nach der Bereinigung 32 KB. Die Vektorpfade sind zu komplex.
Aktion: Vereinfachen Sie die Pfade in Ihrem Grafikprogramm (reduzieren Sie die Ankerpunkte) oder nutzen Sie SVGO zur Optimierung, bevor Sie die Konvertierung erneut starten.
Best Practices vor der Konvertierung
SVG-Vorbereitung
- Text in Pfade umwandeln: Outline Stroke in Figma, "Vektorisieren" in Illustrator
- Quadratische viewBox verwenden: Proportionen vor dem Export auf 1:1 anpassen
- Versteckte Ebenen entfernen: Sie fügen unnötiges Gewicht hinzu
- Pfade vereinfachen: Anzahl der Ankerpunkte reduzieren
- Optimiertes SVG exportieren: SVG Tiny 1.2 Exportprofile verwenden, wenn verfügbar
Empfohlener Export nach Editor
| Editor | Empfohlene Einstellung |
|---|---|
| Adobe Illustrator | Datei → Exportieren → SVG (Profil: SVG Tiny 1.2) |
| Figma | SVG exportieren → Outline text → Flatten selection |
| Inkscape | Speichern unter → Optimiertes SVG (ohne Metadaten) |
| Sketch | Export → Format SVG → Outline text |
FAQ - Häufig gestellte Fragen
F: Was ist das SVG Tiny-PS-Format?
A: SVG Tiny-PS (Tiny Portable/Secure) ist eine eingeschränkte Untermenge des SVG-Formats, die von BIMI vorgeschrieben wird. Sie verbietet Scripts, externe Schriften, Animationen, Rasterbilder und entfernte Referenzen. Nur statische grafische Elemente sind erlaubt, um Sicherheit in E-Mail-Clients zu gewährleisten.
F: Warum muss ich mein SVG für BIMI in Tiny-PS konvertieren?
A: E-Mail-Anbieter (Gmail, Yahoo, Apple Mail) verlangen das Tiny-PS-Format zur Anzeige von BIMI-Logos. Ein Standard-SVG enthält oft verbotene Elemente, die die Anzeige blockieren. Die automatische Konvertierung entfernt sie, ohne das visuelle Erscheinungsbild zu beeinträchtigen.
F: Verändert das Tool das Erscheinungsbild meines Logos?
A: Nein, das Tool ändert nur nicht visuelle Elemente: Scripts, Metadaten, Schriften, Animationen. Formen, Farben, Verläufe und Vektorpfade bleiben vollständig erhalten. Ausnahme: Wenn Ihr Logo Text enthält, der nicht in Pfade umgewandelt wurde, kann sich die Darstellung nach Entfernung der Schriften ändern.
F: Wie groß darf ein BIMI-Logo maximal sein?
A: Das Tiny-PS-Profil schreibt 32 KB für die finale SVG-Datei vor. Das Tool prüft diese Grenze nach der Konvertierung. Als Eingabe werden Dateien bis 256 KB akzeptiert, da die Bereinigung verbotener Elemente die Größe oft deutlich reduziert.
F: Muss die viewBox quadratisch sein?
A: Ja, BIMI empfiehlt eine quadratische viewBox (Breite gleich Höhe). Das Tool erkennt eine nicht quadratische viewBox und gibt eine Warnung aus. Passen Sie Ihr Logo in Ihrem Grafikprogramm an, bevor Sie die Konvertierung erneut starten.
F: Was passiert, wenn mein SVG Schriften enthält?
A: Die Elemente font, font-face und @font-face-Regeln in style-Tags werden automatisch entfernt. Um die Textdarstellung beizubehalten, konvertieren Sie den Text in Vektorpfade (Outlines) in Ihrem Grafikprogramm, bevor Sie den Converter nutzen.
F: Ist meine konvertierte Datei garantiert BIMI-konform?
A: Das Tool führt nach der Konvertierung eine vollständige Validierung durch und meldet alle verbleibenden Probleme. Wenn der Bericht einen grünen Status ohne Fehler zeigt, ist Ihre Datei Tiny-PS-konform. Testen Sie zusätzlich mit dem BIMI-Logo-Prüfer, um das Hosting und die HTTP-Auslieferung zu validieren.
Vollständiger Workflow nach der Konvertierung
- Hosten Sie die SVG-Tiny-PS-Datei auf Ihrem CDN über HTTPS
- Erstellen Sie den BIMI-DNS-Eintrag mit dem BIMI-Generator
- Überprüfen Sie die Auslieferung mit dem BIMI-Logo-Prüfer
- Validieren Sie Ihre DMARC-Richtlinie mit dem DMARC-Inspektor
Ergänzende Tools
| Tool | Zweck |
|---|---|
| BIMI-Logo-Prüfer | Tiny-PS-Konformität und HTTP-Auslieferung Ihres gehosteten Logos validieren |
| BIMI-Inspektor | BIMI-DNS-Eintrag prüfen |
| BIMI Generator | Gültigen BIMI-Eintrag für Ihre Domain erstellen |
| VMC-Zertifikat-Parser | Verified Mark Certificate analysieren |
| DMARC-Inspektor | DMARC-Richtlinie validieren (BIMI-Voraussetzung) |
| BIMI-Hosting | SVG-Logo und VMC/CMC-Zertifikat kostenlos hosten |
Nützliche Ressourcen
- BIMI-Logo wird nicht angezeigt: 5 häufige Fehler - Fehlerbehebungsleitfaden zur Diagnose von BIMI-Anzeigeproblemen
- BIMI Group - Creating SVG Logo Files (offizieller Leitfaden zur BIMI-Logo-Erstellung)
- SVG Tiny P/S Profile (technische Profil-Spezifikation)
- W3C - SVG Tiny 1.2 (SVG-Tiny-Referenzspezifikation)
- BIMI Group - Solving SVG Issues (Lösungen für häufige SVG-Probleme)
- SVGO - SVG-Optimierer (Open-Source-Tool zur Größenreduzierung)
- BIMI-Internet-Draft (vollständige BIMI-Spezifikation)