Creare un file SVG BIMI (passaggi dettagliati)

Questa pagina descrive come creare un file SVG BIMI, in modo da poter aggiungere il tuo logo alle email con BIMI.

Al momento non esistono applicazioni per creare un file SVG che soddisfi tutti i requisiti BIMI. In genere, i file SVG per BIMI devono essere modificati manualmente utilizzando un editor di testo o tramite uno script apposito. Scopri gli strumenti consigliati per la creazione di un file SVG BIMI.

Puoi utilizzare Adobe Illustrator per creare un file SVG, quindi apportare alcune modifiche minori con un editor di testo. Quando crei il file SVG, assicurati di seguire i requisiti e i consigli per i file SVG.

  1. Apri la tua immagine vettoriale di origine in Illustrator. Assicurati che l'immagine del file soddisfi questi requisiti e consigli per le immagini BIMI Gmail (che si aggiungono ai requisiti standard BIMI):
    1. L'altezza e la larghezza minime sono di 96 pixel.
    2. Le dimensioni dell'immagine devono essere specificate in pixel assoluti. Esempio: width="96" height="96"
    3. Non utilizzare dimensioni relative per specificare le dimensioni dell'immagine. Esempio: width="100%" height="100%"
    4. L'immagine del logo deve essere centrata in un quadrato.
    5. L'immagine del logo deve essere visualizzata su uno sfondo a tinta unita. Gli sfondi trasparenti potrebbero non essere visualizzati come previsto.
    6. Le dimensioni del file SVG devono essere pari o inferiori a 32 kB.
    7. Il file SVG deve includere l'elemento <desc> (descrizione) per l'accessibilità.
    8. Il file SVG non deve includere bitmap, link ad altri file, testo oppure oggetti raggruppati. Per mantenere il testo nel file come un oggetto, utilizza la funzionalità Crea contorno di Illustrator.
  2. Seleziona File > Salva come…
  3. Nella finestra Salva con nome:
    • Inserisci il nome del file nel campo Salva con nome. Ti consigliamo di utilizzare solo lettere minuscole e trattini, ad esempio mybrand-bimi.svg. Non utilizzare caratteri speciali.
    • Accanto a Formato, seleziona SVG (svg). Non selezionare SVG compresso (svgz).
  4. Fai clic sul pulsante Salva.
  5. Nella finestra Opzioni SVG:
    • Accanto a Profili SVG, seleziona SVG Tiny 1.2.
    • Accanto a Posizione immagine, seleziona Mantieni.
  6. Fai clic sul pulsante OK per completare il salvataggio del file.

  7. Apri il file in un editor di testo. Dovrai modificare la prima parte del file, che sarà simile a questa:

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="96px"
y="96px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">
<g id="design">

  8. Modifica le righe 3 e 4 del file di testo:

    • Assicurati che il valore di svg version sia 1.2. In caso contrario, modificalo su 1.2.
    • Modifica il valore di baseProfile impostandolo su tiny-ps.
    • Rimuovi gli attributi x e y e i valori.
    • Aggiungi un tag <title> e un valore come mostrato nell'esempio del passaggio 8. Il titolo deve essere posizionato dopo <svg e prima di <g>.

  9. Dopo la modifica, verifica che la prima parte del file sia simile a questa:

    <?xml version="1.0" encoding="utf-8"?>
<svg version="1.2" baseProfile="tiny-ps" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
overflow="visible" xml:space="preserve">
<title>Solarmora Services</title>
<g id="design">

  10. Salva le modifiche nel file di testo. L'estensione del file deve essere .svg.

Passaggi successivi

Dopodiché, recupera un VMC e i file PEM e certificati associati.


Google, Google Workspace e i marchi e i loghi correlati sono marchi di Google LLC. Tutti gli altri nomi di società e prodotti sono marchi delle società a cui sono associati.