Convertire il logo del marchio in SVG conforme a BIMI

Perché BIMI richiede un formato SVG speciale

Per visualizzare il logo del vostro marchio nelle caselle di posta elettronica tramite BIMI, il vostro logo deve essere in un formato SVG altamente specifico: SVG Tiny 1.2, ulteriormente perfezionato come SVG Portable/Secure (SVG P/S). Questo formato è più severo dello standard SVG Tiny 1.2 e richiede aggiustamenti manuali per una piena conformità. Senza questi accorgimenti, il vostro logo potrebbe non essere visualizzato, anche se il browser lo mostra bene.

Guida passo passo alla conversione del logo

  • Iniziare con un file vettoriale: utilizzare un vero file vettoriale (.ai, .eps, .pdf o .svg). Evitate i formati raster (PNG, JPEG) perché non possono essere convertiti direttamente in vettoriali.
  • Aprire in Adobe Illustrator: Aprire il logo vettoriale in Illustrator e assicurarsi che sia un'immagine quadrata a strato singolo per una migliore compatibilità.
  • Esportare come SVG Tiny 1.2: andare su File > Salva con nome > SVG (non SVGZ). Nelle opzioni SVG, selezionare "SVG Tiny 1.2" come profilo. Nominare il file con tutte le lettere minuscole, senza spazi o caratteri speciali (ad esempio, brand-logo-bimi.svg).
  • Modificare l'SVG per la conformità BIMI: Aprire il file SVG in un editor di codice/testo. Cambiare l'attributo baseProfile da "tiny" a "tiny-ps" nel tag <svg>. Rimuovere gli attributi x= o y= dal tag <svg>. Aggiungere un elemento <title> (max 65 caratteri) e (opzionale) un elemento <desc> per l'accessibilità.
  • Verificare la presenza di elementi non consentiti: Assicurarsi che l'SVG non contenga script, animazioni, collegamenti esterni o immagini raster incorporate. Lo sfondo deve essere a tinta unita, non trasparente.
  • Ottimizzare le dimensioni del file: Il file SVG non deve superare i 32 kilobyte. Eliminare i metadati non necessari o il codice gonfiato.
  • Convalidare l'SVG: utilizzare i validatori BIMI o SVG online per verificare la conformità. Aprite l'SVG in un browser o in un editor di codice per verificare che non ci siano riferimenti a bitmap (cercate "img/" o "xlink:href" con dati PNG base64).
  • Ospitare in modo sicuro: Caricare l'SVG su un server abilitato HTTPS per soddisfare i requisiti BIMI.

Le insidie più comuni e come evitarle

  • Profilo SVG non corretto: Molti strumenti esportano SVG standard o SVG Tiny 1.2, ma è necessario modificarli manualmente per garantire la conformità a SVG P/S.
  • Attributi x/y: Illustrator aggiunge x= e y= per default; rimuoverli per BIMI.
  • Tag titolo mancante: Aggiungere sempre un <titolo> per l'accessibilità e la conformità.
  • Bitmap incorporate: Assicurarsi che l'SVG sia al 100% vettoriale, senza riferimenti PNG o JPEG.
  • File sovradimensionati: Rimanere sotto i 32 KB eliminando il codice extra e ottimizzando i percorsi.

Lista di controllo finale per SVG conformi a BIMI

Testo Bimi

  • Logo vettoriale e quadrato: Assicurarsi che il logo sia un vero vettore e abbia un formato quadrato.
  • Profilo SVG Tiny 1.2, modificato in SVG P/S: Esportare come SVG Tiny 1.2, quindi modificare baseProfile="tiny-ps" nel tag <svg>.
  • Nessun attributo x= o y= in <svg>: Rimuovere gli attributi x= o y= dal tag <svg>.
  • Tag <title> presente: Includere un tag <title> (massimo 65 caratteri) per garantire l'accessibilità e la conformità.
  • Niente script, animazioni o collegamenti esterni: L'SVG non deve contenere script, animazioni o collegamenti a risorse esterne.
  • Nessuna immagine raster incorporata: Assicurarsi che l'SVG sia al 100% vettoriale e non contenga immagini PNG o JPEG.
  • Colore di sfondo solido: utilizzare un colore di sfondo solido invece della trasparenza per una visualizzazione affidabile.
  • Dimensione del file ≤ 32 KB: ottimizzare l'SVG in modo che la dimensione del file sia pari o inferiore a 32 kilobyte.
  • Ospitato su HTTPS: caricare l'SVG su un server sicuro, abilitato a HTTPS.

Avete bisogno di aiuto per convertire il vostro logo in BIMI?

Contattate i nostri agenti per un supporto pratico alla conformità SVG e per il successo dell'inbox branding!

Esplorate le nostre FAQ su SVG Tiny 1.2: cosa devono sapere i direttori marketing per maggiori dettagli sulla formattazione del logo BIMI.

Conformità SVG P/S: Modificate il vostro file SVG Tiny 1.2 per soddisfare i requisiti più severi del BIMI.

Niente bitmap o script: È consentita solo la grafica vettoriale pura.

Tag del titolo e HTTPS: aggiungere sempre un tag del titolo e un host sicuro per la visualizzazione della casella di posta BIMI.