Hur du skapar en BIMI SVG Tiny P/S-fil (guide 2026)
Hur du skapar en BIMI SVG Tiny P/S-fil (guide 2026)
Brand Indicators for Message Identification (BIMI) visar din organisations logotyp bredvid autentiserade meddelanden i e-postklienter som stöder standarden. För att publicera en BIMI-post måste du tillhandahålla en logotypfil som följer en begränsad XML-profil kallad SVG Tiny Portable/Secure (P/S).
Den här artikeln förklarar kraven för SVG Tiny P/S-profilen, vilka element du måste ta bort från din källfil, samt metoderna du kan använda för att skapa en kompatibel logotyp för din Verified Mark Certificate (VMC)-ansökan.
Säkerhetsargumenten bakom SVG Tiny P/S
W3C definierade SVG Tiny P/S-profilen för att eliminera säkerhetsriskerna med att rendera vektorgrafik i e-postklienter [1]. Standard-SVG stöder skriptning, inläsning av externa resurser och nätverksförfrågningar. En e-postklient som renderar standard-SVG utsätter mottagare för cross-site scripting (XSS)-attacker och spårningspixlar inbäddade i meddelandets brödtext.
SVG Tiny P/S tar bort alla dynamiska och externa funktioner. Resultatet är en statisk, fristående fil som endast beskriver geometri.
Förbjudna element
Följande element gör att W3C-validering misslyckas. En certifikatutfärdare avvisar varje VMC-ansökan som innehåller dem.
| Elementtyp | Anledning till förbud |
|---|---|
| -taggar | Förhindrar JavaScript-exekvering och XSS-attacker |
| -taggar | Förhindrar inbäddning av rastergrafik (PNG/JPG) som kan dölja skadlig kod |
| data:image-URI:er | Förhindrar Base64-kodad bitmappsinbäddning |
| xlink:href | Förhindrar externa nätverksförfrågningar (spårningspixlar) |
| Relativa dimensioner | Förhindrar layoutförskjutning; width- och height-attribut måste tas bort |
| Extern CSS | Förhindrar extern stylesheet-injektion |
Matematiska krav
AuthIndicators Working Group definierar geometriska begränsningar som säkerställer att logotypen renderas korrekt i olika e-postklienter, inklusive klienter som tillämpar cirkulära, fyrkantiga eller rundade fyrkantiga masker [2].
1. Bildförhållande 1:1
Logotypen måste vara kvadratisk. Ställ in viewBox-attributet till ett 1:1-koordinatsystem, till exempel viewBox="0 0 100 100". Ta bort width- och height-attributen. Endast viewBox styr skalningen.
2. Solid bakgrundsfyllning
Transparenta bakgrunder är inte tillåtna. E-postklienter växlar mellan ljusa och mörka teman, och en transparent logotyp kan bli osynlig på endera bakgrunden. Inkludera ett solid -element som täcker hela viewBox.
3. Obligatorisk metadata
Deklarera överensstämmelse i rot--elementet genom att ställa in version="1.2" och baseProfile="tiny-ps". Inkludera ett -element för att uppfylla tillgänglighetskrav.
Hur du genererar en kompatibel fil
Standardverktyg för design, inklusive Adobe Illustrator och Figma, exporterar inte direkt till SVG Tiny P/S. Du har två alternativ: sanera filen manuellt, eller använd ett konverteringsverktyg.
Den manuella metoden
För att sanera en SVG-export för hand, öppna filen i en textredigerare och utför följande steg:
- Ta bort alla förbjudna taggar som listas i föregående tabell.
- Konvertera CSS-styling till inline-presentationsattribut.
- Räkna om
viewBoxtill ett 1:1-förhållande. - Lägg till obligatorisk
version,baseProfileoch-metadata. - Validera utdata mot W3C SVG Tiny 1.2-schemat.
Förvänta dig flera valideringsomgångar. Små fel i attributnamn eller namnrymddeklarationer gör att validering misslyckas.
Den automatiserade metoden
Ett konverteringsverktyg som makeBIMI utför varje steg programmatiskt:
- Vektorisering: Om du laddar upp en rasterbild (PNG eller JPG), spårar verktyget pixlarna till vektorkurvor.
- Sanering: Verktyget tar bort
,och externa referenstaggar. - Geometritillämpning: Verktyget tillämpar en 1:1 begränsningsram och en solid bakgrundsfyllning.
- Validering: Verktyget validerar utdata mot W3C SVG Tiny P/S-schemat.
SVG-filen är en förutsättning för VMC-ansökan. Efter att du har skapat en kompatibel fil, fortsätt med DMARC-tillämpningsgranskningen och skicka in filen till en certifikatutfärdare som stöds.
Referenser
[1] W3C. "SVG Tiny 1.2 Portable/Secure." World Wide Web Consortium, https://www.w3.org/TR/SVGTiny12/ [2] AuthIndicators Working Group. "BIMI SVG Logo Requirements." BIMI Group, https://bimigroup.org/svg-logo-requirements/