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 de forma manual 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 los archivos SVG.

  1. Abre tu 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 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 en el 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, mimarca-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 Opciones de SVG , haz lo siguiente:
    • Junto a Perfiles de 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 el 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 lo es, 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 ir después de <svg y antes de <g>.

  9. Después de la edición, verifica que la primera parte del archivo se vea de la siguiente manera:

    <?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.