Come creare un logo BIMI SVG

Creare un logo BIMI che soddisfi tutti i requisiti

Il logo BIMI deve soddisfare una serie di requisiti prima di poter essere visualizzato nella casella di posta elettronica. Se il logo non soddisfa questi requisiti, non può essere mostrato. Continui a leggere e scopra quali sono i requisiti BIMI e come creare un file SVG valido.

Si noti che il Gruppo di Lavoro BIMI è l'autorità per la definizione delle specifiche. I requisiti e il 'come fare' riportati di seguito possono essere soggetti ad aggiornamenti/modifiche.

Requisiti relativi al logo BIMI

• Si assicuri che il logo sia vettoriale. I file con estensione: PDF, Ai SVG o EPS sono spesso file vettoriali. In caso di dubbio, si rivolga al progettista.
• Formato: SVG Tiny 1.2
• Dimensioni del logo: quadrato
• Il logo BIMI deve essere pubblicato su un dominio con un certificato SSL (https).

Come creare un file SVG BIMI convalidato

• Apra il file in Adobe Illustrator

  Inizi con una versione vettoriale del Suo logo.

• Salva come SVG

  Vada su File > Salva con nome e selezioni SVG (non SVGZ). Utilizzi nomi di file semplici: lettere minuscole, senza spazi, trattini bassi o caratteri speciali. Ad esempio: brand-name-bimi.svg

• Applicare le impostazioni di esportazione corrette

  Nella finestra di dialogo di esportazione SVG, impostare “Profilo SVG” su “SVG Tiny 1.2” e “Posizione immagine” su “Conserva”.

• Apra il file in un editor di testo o di codice

  Va bene qualsiasi editor di testo: TextEdit su Mac o Blocco note su Windows, se non si dispone di un editor di codice.

• Modificare il profilo di base

  Alla riga 3, individuate la riga baseProfile="tiny" e sostituitela con baseProfile="tiny-ps".

• Rimuovere gli attributi x/y

  Nello stesso tag svg<, rimuova eventuali attributi x="0" e y="0", qualora fossero presenti.

• Aggiungere un elemento titolo

  Dopo il tag svg< e prima del <g> tag g><, aggiunga: <title>Nome del</title> marchio. Si prega di mantenere il titolo entro i 65 caratteri. 

• Salvi il file

  Salvi il file SVG modificato. Il Suo file è ora pronto per essere caricato.

• Carichi il file SVG sul Suo server

  Ospiti il file sullo stesso dominio per il quale è pubblicato il Suo record DNS BIMI.

Risoluzione dei problemi del file BIMI SVG

Scoprite se il logo BIMI contiene immagini bitmap

Per sapere se è stata aggiunta un'immagine bitmap, controlli il file SVG. Esistono diversi modi per verificare il codice sorgente di un file SVG. Due sono citati di seguito:

• Salvare/scaricare il file SVG (opzione 1) > Aprire il file SVG in TextEdit (Mac) o in Blocco note (Windows)
• Apra il file SVG in Google Chrome (opzione 2) > Visualizzi il codice sorgente (visualizzi > developer > source code) > Una volta visualizzato il codice sorgente, cerchi: img/ 

Se la ricerca restituisce un risultato, si può presumere che il file SVG contenga un'immagine bitmap e quindi non corrisponda alle linee guida del logo BIMI.

Esempio:
Quando viene individuata la riga successiva (file.Xlink:href=”data:img/png;base64, i), il file SVG contiene un riferimento a un’immagine PNG (bitmap).

Soluzione
Chieda al progettista del logo di modificare il file in modo che sia interamente vettoriale.

File SVG di grandi dimensioni senza immagini bitmap

È possibile che il file SVG sia stato creato in modo diverso e quindi contenga più codice (non necessario).

Soluzione
In tal caso, apra il file SVG in Adobe Illustrator e segua i passaggi sopra indicati. In questo modo si otterrà un file SVG correttamente codificato.

Risorse aggiuntive

• La specifica BIMI SVGcompleta
• Maggiori informazioni sulla creazione di file SVG con Adobe Illustrator