Criar um arquivo SVG do BIMI (etapas detalhadas)

Nesta página, descrevemos como criar um arquivo SVG do BIMI para que você possa adicionar seu logotipo às mensagens de e-mail com o BIMI.

No momento, não há aplicativos para criar um arquivo SVG que atenda a todos os requisitos do BIMI. Os arquivos SVG para o BIMI geralmente precisam ser modificados de forma manual em um editor de texto ou com um script de finalidade específica. Saiba mais sobre as ferramentas recomendadas para criar um arquivo SVG para o BIMI.

Você pode usar o Adobe Illustrator para criar um arquivo SVG e depois fazer pequenas alterações com um editor de texto. Ao fazer isso, siga os requisitos e as recomendações para arquivos SVG.

  1. Abra sua imagem vetorial de origem no Illustrator. Confira se a imagem do arquivo atende a estes requisitos e recomendações para imagens do BIMI no Gmail, que são adicionais aos requisitos padrão do BIMI:
    1. A altura e a largura mínimas são de 96 pixels.
    2. O tamanho da imagem precisa ser especificado em pixels absolutos. Exemplo: width="96" height="96"
    3. Não use dimensões relativas para especificar o tamanho da imagem. Exemplo: width="100%" height="100%"
    4. A imagem do logotipo precisa estar centralizada em um quadrado.
    5. A imagem do logotipo precisa aparecer em um fundo de cor sólida. Os planos de fundo transparentes podem não ser exibidos como esperado.
    6. O arquivo SVG deve ter no máximo 32 kB.
    7. O arquivo SVG deve incluir o <desc> elemento (descrição) para fins de acessibilidade.
    8. O arquivo SVG não deve incluir: bitmaps, links para outros arquivos, texto ou objetos agrupados. Para o texto no arquivo ser definido como um objeto, use o recurso Create outlines do Illustrator.
  2. Selecione File > Save As….
  3. Na janela Save As :
    • Insira o nome do arquivo no campo Save As. Recomendamos que você use apenas letras minúsculas e traços, como minhamarca-bimi.svg. Não use caracteres especiais.
    • Ao lado de Format, selecione SVG (svg). Não selecione SVG Compressed (svgz).
  4. Clique no botão Save.
  5. Na janela SVG Options :
    • Ao lado de SVG Profiles, selecione SVG Tiny 1.2.
    • Ao lado de Image Location, selecione Preserve.
  6. Clique no botão "OK" para terminar de salvar o arquivo.

  7. Abra o arquivo em um editor de texto. Você vai editar a primeira parte do arquivo, que aparece assim:

    <?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. Mude as linhas 3 e 4 do arquivo de texto:

    • Confira se o valor de svg version é 1.2. Se não for, mude para 1.2.
    • Mude o valor de baseProfile para tiny-ps.
    • Remova os atributos e valores x e y.
    • Adicione uma tag <title> e um valor, conforme mostrado no exemplo da etapa 8. O título precisa vir depois de <svg e antes de <g>.

  9. Depois da edição, verifique se a primeira parte do arquivo aparece assim:

    <?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. Salve as alterações no arquivo do texto. A extensão de arquivo precisa ser .svg.

Próximas etapas

Em seguida, gere um VMC e os arquivos PEM e de certificado associados files.


Google, Google Workspace e marcas e logotipos relacionados são marcas registradas da Google LLC. Todos os outros nomes de empresas e produtos são marcas registradas das empresas às quais estão associados.