Crea un archivo SVG de BIMI (pasos detallados)

En esta página, se describe cómo crear un archivo SVG de BIMI para que puedas agregar tu logotipo a los mensajes de correo electrónico con BIMI.

Actualmente, no hay aplicaciones para crear un archivo SVG que cumpla con todos los requisitos de BIMI. Por lo general, los archivos SVG para BIMI deben modificarse manualmente con un editor de texto o con una secuencia de comandos de propósito especial. Obtén información sobre las herramientas recomendadas para crear un archivo SVG de BIMI.

Puedes usar Adobe Illustrator para crear un archivo SVG y, luego, realizar algunos cambios menores con un editor de texto. Cuando crees tu archivo SVG, asegúrate de seguir los requisitos y las recomendaciones para archivos SVG.

  1. Abre la imagen vectorial de origen en Illustrator. Asegúrate de que la imagen del archivo cumpla con estos requisitos y recomendaciones para las imágenes BIMI de Gmail (que se suman a los requisitos estándar de BIMI):
    1. La altura y el ancho mínimos son 96 píxeles.
    2. El tamaño de la imagen debe especificarse en píxeles absolutos. Ejemplo: width="96" height="96"
    3. No uses dimensiones relativas para especificar el tamaño de la imagen. Ejemplo: width="100%" height="100%"
    4. La imagen del logotipo debe estar centrada en un cuadrado.
    5. La imagen del logotipo debe aparecer sobre un fondo de color sólido. Es posible que los fondos transparentes no se muestren según lo esperado.
    6. El tamaño del archivo SVG debe ser de 32 KB o menos.
    7. El archivo SVG debe incluir el elemento <desc> (descripción) para la accesibilidad.
    8. El archivo SVG no debe incluir mapas de bits, vínculos a otros archivos, texto ni objetos agrupados. Para mantener el texto del archivo como un objeto, usa la función Crear contornos de Illustrator.
  2. Selecciona Archivo > Guardar como….
  3. En la ventana Guardar como, haz lo siguiente:
    • Ingresa el nombre de archivo en el campo Guardar como. Te recomendamos que solo uses letras minúsculas y guiones, por ejemplo, miempresa-bimi.svg. No uses caracteres especiales.
    • Junto a Formato, selecciona SVG (svg). No selecciones SVG comprimido (svgz).
  4. Haga clic en el botón Guardar.
  5. En la ventana SVG Options, haz lo siguiente:
    • Junto a SVG Profiles, selecciona SVG Tiny 1.2.
    • Junto a Ubicación de la imagen, selecciona Conservar.
  6. Haz clic en el botón Aceptar para terminar de guardar el archivo.

  7. Abre el archivo en el editor de texto. Editarás la primera parte del archivo, que se verá similar a lo siguiente:

    <?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. Cambia las líneas 3 y 4 del archivo de texto:

    • Asegúrate de que el valor de svg version sea 1.2. Si no es así, cámbiala a 1.2.
    • Cambia el valor de baseProfile a tiny-ps.
    • Quita los atributos y valores x y y.
    • Agrega una etiqueta y un valor de <title> como se muestra en el ejemplo del paso 8. El título debe aparecer después de <svg y antes de <g>.

  9. Después de editar, verifica que la primera parte del archivo se vea similar a lo siguiente:

    <?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. Guarda los cambios en el archivo de texto. La extensión del archivo debe ser .svg.

Próximos pasos

A continuación, obtén un VMC y los archivos PEM y de certificado asociados.


Google, Google Workspace y las marcas y los logotipos relacionados son marcas comerciales de Google LLC. Todos los demás nombres de productos y empresas son marcas comerciales de las empresas con las que se encuentran asociados.