Perché convertire il tuo SVG nel formato BIMI Tiny-PS?
BIMI mostra il logo del tuo brand in Gmail, Yahoo e Apple Mail, direttamente accanto alle tue email. I brand che utilizzano BIMI registrano in media un aumento del 10% nel tasso di apertura (fonte: Red Sift/Entrust). Ma i provider di posta non accettano un SVG qualsiasi: il file deve rispettare il profilo SVG Tiny-PS (Tiny Portable/Secure), un sottoinsieme rigoroso del formato SVG.
Un SVG esportato da Illustrator, Figma o Inkscape contiene quasi sempre elementi vietati: script, font incorporati, metadati dell'editor, animazioni. Un singolo elemento non conforme basta a bloccare la visualizzazione del logo.
Casi d'uso comuni:
- Nuovo deployment BIMI → Converti il tuo logo esistente prima di pubblicare il record DNS
- Logo rifiutato da Gmail → Identifica e rimuovi automaticamente gli elementi vietati
- Aggiornamento del brand → Converti il nuovo logo e verifica la sua conformità prima della messa in produzione
Come convertire il tuo SVG in 3 passaggi
Passo 1: Importare il tuo SVG
Due opzioni:
- Drag-and-drop: Trascina il tuo file
.svgnella zona di import - Incolla il codice: Copia e incolla il contenuto XML del tuo SVG nel campo di input
Lo strumento accetta file fino a 256 kB. Se il tuo SVG supera questo limite, ottimizzalo prima con SVGO.
Passo 2: Avviare la conversione
Facoltativamente, inserisci il titolo del logo (es: "Acme Corp"). Questo titolo è richiesto da Tiny-PS: se non lo fornisci, verrà usato "Untitled Logo" di default.
Clicca su Converti. Lo strumento:
- Analizza l'SVG sorgente e rileva le non-conformità
- Aggiunge gli attributi richiesti (
version="1.2",baseProfile="tiny-ps",xmlns) - Rimuove gli elementi vietati (script, font, animazioni, immagini raster)
- Pulisce metadati e commenti
- Valida il risultato (dimensione, viewBox, conformità)
Passo 3: Scaricare e verificare
Consulta il report:
- Correzioni automatiche (verde): Attributi aggiunti o corretti
- Elementi rimossi (arancione): Script, font, animazioni eliminati
- Pulizie (blu): Commenti, metadati rimossi
- Diagnostica: Avvisi residui (viewBox non quadrato, dimensione vicina al limite)
Scarica il file SVG Tiny-PS conforme e ospitalo sul tuo CDN in HTTPS.
Cos'è SVG Tiny-PS?
SVG Tiny-PS (Tiny Portable/Secure) è un profilo del formato SVG Tiny 1.2, definito dal BIMI Working Group. Impone restrizioni di sicurezza per garantire che i logo visualizzati nelle email non possano eseguire codice o caricare risorse esterne.
Differenze chiave con un SVG standard:
| Aspetto | SVG standard | SVG Tiny-PS |
|---|---|---|
version | Libero | 1.2 obbligatorio |
baseProfile | Libero | tiny-ps obbligatorio |
title | Opzionale | Obbligatorio |
| Script | Consentiti | Vietati |
| Animazioni | Consentite | Vietate |
| Font esterni | Consentiti | Vietati |
| Immagini raster | Consentite | Vietate |
| Filtri SVG | Consentiti | Vietati |
| Riferimenti esterni | Consentiti | Vietati |
| Dimensione max | Illimitata | 32 kB |
| viewBox | Opzionale | Quadrato raccomandato |
Quali trasformazioni effettua lo strumento?
Il convertitore applica tre tipi di modifiche:
Correzioni automatiche (auto-fix)
| Modifica | Descrizione |
|---|---|
| Versione SVG | Aggiunge o corregge version="1.2" |
| Base Profile | Aggiunge o corregge baseProfile="tiny-ps" |
| Titolo | Aggiunge title se assente |
| Namespace | Aggiunge xmlns se assente |
| Attributi x/y | Rimuove x= e y= dall'elemento radice |
| Dimensioni | Rimuove width e height dalla radice |
| ViewBox | Inferisce viewBox da width/height se assente |
Rimozione di elementi vietati (strip)
| Elemento rimosso | Motivo |
|---|---|
script | Codice eseguibile vietato |
animate, set, animateTransform | Animazioni vietate |
foreignObject, iframe, video, audio | Contenuto interattivo vietato |
font, font-face | Font esterni vietati |
filter | Filtri SVG vietati |
image, feImage | Immagini raster vietate |
Regole @font-face in style | Font CSS vietati |
Riferimenti xlink:href esterni | Link remoti vietati |
| Data URI | Dati incorporati vietati |
Pulizie (clean)
| Pulizia | Descrizione |
|---|---|
| Commenti XML | Rimossi per ridurre la dimensione |
| Processing instruction | Rimosse (eccetto <?xml?>) |
| Metadati | Elemento metadata rimosso |
xml-stylesheet | Riferimento al foglio di stile rimosso |
Casi d'uso reali
Caso 1: Export da Illustrator con script nascosti
Sintomo: Il logo esportato da Adobe Illustrator viene rifiutato da Gmail.
Diagnosi: L'SVG contiene uno script di animazione ereditato dalle impostazioni di esportazione e metadati Illustrator voluminosi.
Azione: Importa il file nel convertitore. Script, metadati e processing instruction vengono rimossi automaticamente. Il file passa da 45 kB a 12 kB.
Caso 2: Logo Figma con testo non convertito
Sintomo: Il logo convertito mostra dei quadrati al posto del testo.
Diagnosi: L'SVG contiene elementi text che fanno riferimento a font tramite @font-face. Il convertitore rimuove i font (vietati in Tiny-PS) ma il testo perde la sua resa.
Azione: In Figma, seleziona il testo e usa "Outline Stroke" per convertirlo in tracciati vettoriali. Riesporta e poi converti.
Caso 3: Logo conforme ma troppo pesante
Sintomo: La conversione riesce ma la diagnostica segnala SVG_TOO_LARGE.
Diagnosi: Il file supera i 32 kB dopo la pulizia. I tracciati vettoriali sono troppo complessi.
Azione: Semplifica i tracciati nel tuo editor grafico (riduci i punti di ancoraggio) o usa SVGO per ottimizzare il file prima di rilanciare la conversione.
Best practice prima della conversione
Preparazione dell'SVG
- Converti il testo in tracciati: Outline Stroke in Figma, "Crea contorno" in Illustrator
- Usa un viewBox quadrato: Regola le proporzioni a 1:1 prima dell'esportazione
- Rimuovi i livelli nascosti: Aggiungono peso inutile al file
- Semplifica i tracciati: Riduci il numero di punti di ancoraggio
- Esporta in SVG ottimizzato: Usa i profili di esportazione SVG Tiny 1.2 quando disponibili
Esportazione raccomandata per editor
| Editor | Impostazione raccomandata |
|---|---|
| Adobe Illustrator | File → Esporta → SVG (Profilo: SVG Tiny 1.2) |
| Figma | Esporta SVG → Outline text → Flatten selection |
| Inkscape | Salva come → SVG ottimizzato (senza metadati) |
| Sketch | Esporta → Formato SVG → Outline text |
FAQ - Domande frequenti
D: Cos'è il formato SVG Tiny-PS?
R: SVG Tiny-PS (Tiny Portable/Secure) è un sottoinsieme ristretto del formato SVG richiesto da BIMI. Vieta script, font esterni, animazioni, immagini raster e riferimenti remoti. Sono ammessi solo elementi grafici statici per garantire la sicurezza nei client di posta.
D: Perché convertire il mio SVG in Tiny-PS per BIMI?
R: I provider di posta (Gmail, Yahoo, Apple Mail) richiedono il formato Tiny-PS per visualizzare i logo BIMI. Un SVG standard contiene spesso elementi vietati che bloccano la visualizzazione. La conversione automatica li rimuove preservando l'aspetto visivo del logo.
D: Lo strumento modifica l'aspetto del mio logo?
R: No, lo strumento modifica solo gli elementi non visivi: script, metadati, font, animazioni. Forme, colori, gradienti e tracciati vettoriali vengono integralmente conservati. Eccezione: se il tuo logo usa testo non convertito in tracciati, la resa può cambiare dopo la rimozione dei font.
D: Qual è la dimensione massima per un logo BIMI?
R: Il profilo Tiny-PS impone 32 kB per il file SVG finale. Lo strumento verifica questo limite dopo la conversione. In input, sono accettati file fino a 256 kB: la pulizia degli elementi vietati riduce spesso significativamente la dimensione.
D: Il viewBox deve essere quadrato?
R: Sì, BIMI raccomanda un viewBox quadrato (larghezza uguale all'altezza). Lo strumento rileva un viewBox non quadrato ed emette un avviso. Regola il tuo logo nel tuo editor grafico prima di rilanciare la conversione.
D: Cosa succede se il mio SVG contiene font?
R: Gli elementi font, font-face e le regole @font-face nei tag style vengono rimossi automaticamente. Per conservare la resa del testo, convertilo in tracciati vettoriali (outline) nel tuo editor prima di usare il convertitore.
D: Il mio file convertito è garantito conforme BIMI?
R: Lo strumento esegue una validazione completa dopo la conversione e segnala eventuali problemi residui. Se il report mostra uno stato verde senza errori, il tuo file è conforme Tiny-PS. Testa anche con il verificatore di logo BIMI per validare l'hosting e la consegna HTTP.
Workflow completo dopo la conversione
- Ospita il file SVG Tiny-PS sul tuo CDN via HTTPS
- Crea il record DNS BIMI con il generatore BIMI
- Verifica la consegna con il verificatore di logo BIMI
- Valida la tua policy DMARC con l'ispettore DMARC
Strumenti complementari
| Strumento | Utilità |
|---|---|
| Verificatore logo BIMI | Valida la conformità Tiny-PS e la consegna HTTP del tuo logo ospitato |
| Ispettore BIMI | Verifica il tuo record DNS BIMI |
| Generatore BIMI | Crea un record BIMI valido per il tuo dominio |
| Parser VMC | Analizza il tuo certificato di marchio verificato |
| Ispettore DMARC | Valida la policy DMARC (prerequisito BIMI) |
Risorse utili
- BIMI Group - Creating SVG Logo Files (guida ufficiale alla creazione di logo BIMI)
- SVG Tiny P/S Profile (specifica tecnica del profilo)
- W3C - SVG Tiny 1.2 (specifica SVG Tiny di riferimento)
- BIMI Group - Solving SVG Issues (risoluzione di problemi SVG comuni)
- SVGO - Ottimizzatore SVG (strumento open source per ridurre le dimensioni)
- RFC 9495 - BIMI (specifica BIMI completa)