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 se deben modificar de forma manual con un editor de texto o con una secuencia de comandos de propósito especial. Obtén más 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 de BIMI de Gmail (que se suman a los requisitos estándar de BIMI):
    1. La altura y el ancho mínimos son de 96 píxeles.
    2. El tamaño de la imagen se debe especificar 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 liso. Es posible que los fondos transparentes no se muestren como se espera.
    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 del archivo en el campo Guardar como. Te recomendamos que uses solo letras minúsculas y guiones, por ejemplo, mi-marca-bimi.svg. No uses caracteres especiales.
    • Junto a Formato, selecciona SVG (svg). No selecciones SVG comprimido (svgz).
  4. Haz clic en el botón Guardar.
  5. En la ventana SVG Options, haz lo siguiente:
    • Junto a Perfiles SVG, 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 un editor de texto. Editarás la primera parte del archivo, que se ve de la siguiente manera:

    <?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ámbialo a 1.2.
    • Cambia el valor de baseProfile a tiny-ps.
    • Quita los atributos y valores x y y.
    • Agrega una etiqueta <title> y un valor, 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 sea 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 de archivo debe ser .svg.

Próximos pasos

Luego, 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.