Warum solltest du dein SVG ins BIMI Tiny-PS-Format konvertieren?
BIMI zeigt das Logo deiner Marke in Gmail, Yahoo und Apple Mail direkt neben deinen E-Mails an. Marken, die BIMI nutzen, verzeichnen im Durchschnitt eine um 10 % höhere Öffnungsrate (Quelle: Red Sift/Entrust). 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 → Konvertiere dein bestehendes Logo, bevor du den DNS-Eintrag veröffentlichst
- Logo wird von Gmail abgelehnt → Identifiziere und entferne verbotene Elemente automatisch
- Marken-Update → Konvertiere das neue Logo und prüfe die Konformität vor dem Produktivbetrieb
So konvertierst du dein SVG in 3 Schritten
Schritt 1: SVG importieren
Zwei Optionen:
- Drag-and-Drop: Ziehe deine
.svg-Datei in den Import-Bereich - Code einfügen: Kopiere den XML-Inhalt deines SVGs in das Eingabefeld
Das Tool akzeptiert Dateien bis 256 KB. Wenn dein SVG diese Grenze überschreitet, optimiere es zuerst mit SVGO.
Schritt 2: Konvertierung starten
Optional: Gib den Logo-Titel ein (z. B. "Acme Corp"). Dieser Titel ist für Tiny-PS erforderlich. Wenn du ihn nicht angibst, wird standardmäßig "Untitled Logo" verwendet.
Klicke 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üfe 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 quadratischer viewBox, Größe nahe am Limit)
Lade die konforme SVG Tiny-PS-Datei herunter und hoste sie auf deinem 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: Importiere 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ähle in Figma den Text aus und nutze "Outline Stroke", um ihn in Vektorpfade umzuwandeln. Exportiere erneut und konvertiere.
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: Vereinfache die Pfade in deinem Grafikprogramm (reduziere die Ankerpunkte) oder nutze SVGO zur Optimierung, bevor du die Konvertierung erneut startest.
Best Practices vor der Konvertierung
SVG-Vorbereitung
- Text in Pfade umwandeln: Outline Stroke in Figma, "Vektorisieren" in Illustrator
- Quadratischen viewBox verwenden: Proportionen auf 1:1 anpassen vor dem Export
- 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 dein 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 der viewBox quadratisch sein?
A: Ja, BIMI empfiehlt einen quadratischen viewBox (Breite gleich Höhe). Das Tool erkennt einen nicht quadratischen viewBox und gibt eine Warnung aus. Passe dein Logo in deinem Grafikprogramm an, bevor du die Konvertierung erneut startest.
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, konvertiere den Text in Vektorpfade (Outlines) in deinem Grafikprogramm, bevor du den Converter nutzt.
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 deine Datei Tiny-PS-konform. Teste zusätzlich mit dem BIMI-Logo-Prüfer, um das Hosting und die HTTP-Auslieferung zu validieren.
Vollständiger Workflow nach der Konvertierung
- Hoste die SVG-Tiny-PS-Datei auf deinem CDN über HTTPS
- Erstelle den BIMI-DNS-Eintrag mit dem BIMI-Generator
- Überprüfe die Auslieferung mit dem BIMI-Logo-Prüfer
- Validiere deine DMARC-Richtlinie mit dem DMARC-Inspektor
Ergänzende Tools
| Tool | Zweck |
|---|---|
| BIMI-Logo-Prüfer | Tiny-PS-Konformität und HTTP-Auslieferung deines gehosteten Logos validieren |
| BIMI-Inspektor | BIMI-DNS-Eintrag prüfen |
| BIMI Generator | Gültigen BIMI-Eintrag für deine Domain erstellen |
| VMC-Zertifikat-Parser | Verified Mark Certificate analysieren |
| DMARC-Inspektor | DMARC-Richtlinie validieren (BIMI-Voraussetzung) |
Nützliche Ressourcen
- 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)
- RFC 9495 - BIMI (vollständige BIMI-Spezifikation)