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 do 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 elemento <desc> (descrição) para 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 Arquivo > Salvar como….
  3. Na janela Salvar como:
    • Digite o nome do arquivo no campo Salvar como. Recomendamos que você use apenas letras minúsculas e traços, como minhamarca-bimi.svg. Não use caracteres especiais.
    • Ao lado de Formato, selecione SVG (svg). Não selecione SVG Compressed (svgz).
  4. Clique no botão Salvar.
  5. Na janela SVG Options:
    • Ao lado de SVG Profiles, selecione SVG Tiny 1.2.
    • Ao lado de Local da imagem, selecione Preservar.
  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 tem um formato parecido com este:

    <?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. Altere 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 como mostrado no exemplo na Etapa 8. O título precisa aparecer depois de <svg e antes de <g>.

  9. Após a edição, verifique se a primeira parte do arquivo tem um formato parecido com este:

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

Próximas etapas

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


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 a que estão associados.