Crear y subir el logotipo de tu marca

El logotipo de tu marca es un archivo de gráficos vectoriales escalables (SVG) que subes al servidor web público de tu dominio. SVG es un formato de imagen de vector de estándar abierto.

Requisitos y recomendaciones para archivos SVG

Los requisitos del logotipo de la marca del estándar de indicadores de marca para identificar mensajes (BIMI) permiten que el logotipo de tu marca pueda mostrarse en diferentes resoluciones. Estos requisitos también permiten que tu logotipo se verifique y pase las comprobaciones de seguridad.

Para que se muestre correctamente en la bandeja de entrada del destinatario junto a tus mensajes, tu archivo SVG debe cumplir estos requisitos:

• Formato: SVG Tiny Portable/Secure (SVG Tiny PS), una versión de SVG.
• Atributo baseProfile: tiny-ps
• atributo de la versión: 1.2
• Elemento <title>: debe reflejar el nombre de tu organización. No hay requisitos estrictos en lo que respecta a este valor.
• No incluyen:
  • Enlaces externos o referencias que no sean los espacios de nombres XML especificados
  • Guiones, animaciones u otros elementos interactivos
  • Atributos x= o y= en el elemento raíz <svg>

Te recomendamos que sigas estas directrices adicionales sobre archivos SVG para que sean compatibles con los clientes de correo que admiten BIMI. El logotipo debería ser:

• Centrado en un cuadrado.
• Sobre un fondo de color sólido. Es posible que los fondos transparentes no se muestren como se espera.
• 96x96 píxeles o más. Gmail no admite archivos SVG con dimensiones más pequeñas.
• Un archivo pequeño. Recomendamos que no supere los 32 kB.
• Incluye el elemento <desc> (descripción) para que se pueda acceder a él.

Paso 1. Crea el archivo SVG del logotipo de tu marca

Actualmente no existen herramientas para crear un archivo SVG que cumpla todos los requisitos de BIMI. Los archivos SVG para BIMI suelen tener que modificarse manualmente con un editor de texto o con una secuencia de comandos especial.

Descubre las herramientas recomendadas para crear un archivo SVG para BIMI.

Crear un archivo SVG para BIMI con Illustrator y con un editor de texto

Puedes usar Adobe Illustrator para crear un archivo SVG y después hacer pequeños cambios con un editor de texto. Cuando crees el archivo SVG, recuerda seguir los requisitos y recomendaciones de los archivos SVG.

1. Abre tu imagen de vector de origen en Illustrator.
2. Asegúrate de que la imagen de vector no incluye mapas de bits, enlaces a otros archivos, texto ni objetos agrupados. Para que el texto del archivo se siga considerando un objeto, usa la función Create outlines (Crear contornos) de Illustrator.
3. Selecciona File (Archivo) > Save as… (Guardar como…).
4. En la ventana Save as (Guardar como):
   • Introduce el nombre del archivo en el campo Save as (Guardar como). Te recomendamos que uses solo letras minúsculas y guiones, como mybrand-bimi.svg. No uses caracteres especiales.
   • Junto a Formato, selecciona SVG (svg). No selecciones SVG comprimido (svgz).
5. Haz clic en el botón Save (Guardar).
6. En la ventana SVG Options (Opciones de SVG):
   • Junto a Perfiles de SVG, selecciona SVG Tiny 1.2.
   • Junto a Ubicación de la imagen, selecciona Conservar.
7. Haz clic en el botón OK (Aceptar) para terminar de guardar el archivo.
8. Abre el archivo en un editor de texto. Edita la primera parte del archivo, que debería tener un aspecto similar a este:
   
   <?xml version="1.0" encoding="utf-8"?>

   <!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->

   <svg version="1.2" baseProfile="tiny" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"

   y="0px" viewBox="0 0 742.23 828.45" overflow="visible" xml:space="preserve">

   <g id="design">

   <g>

   <!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->

   <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="<title>Solarmora Services</title>

   <g id="design">

9. Edita las líneas 3 y 4 del archivo de texto:
   • Asegúrate de que el valor de la versión svg es 1.2. Si no lo es, cámbialo a 1.2.
   • Cambia el valor de base Profile a tiny-ps.
   • Quita los atributos y valores x y y.
   • Añade una etiqueta y un valor <title> como se muestra en el ejemplo del paso 8. El título debe ir después de <svg y antes de <g>.
10. Después de editarlo, comprueba que la primera parte del archivo tiene un aspecto similar a este:
    
    <?xml version="1.0" encoding="utf-8"?>

<!-- Generator: Adobe Illustrator 25.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

<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="<title>Solarmora Services</title>

<g id="design">
     
11. Guarda los cambios en el archivo de texto. La extensión del archivo debe ser .svg.

A continuación, sube el archivo SVG al servidor web público de tu dominio.

2. Sube el archivo SVG a tu servidor web público

Sube tu archivo SVG a tu servidor web público.

El servidor web debe estar en el mismo dominio que tu servidor de correo saliente. Este es el dominio en el que se activa BIMI siguiendo los pasos del artículo Añadir un registro TXT de BIMI al proveedor de tu dominio.

Copia la URL del archivo SVG. Tendrás que incluirla en tu registro TXT de BIMI.

Pasos siguientes

Consigue tu certificado de marca verificada (VMC), o ve directamente al proveedor de tu dominio y añade tu registro TXT de BIMI. Para mostrar logotipos BIMI en la bandeja de entrada de Gmail, este servicio requiere que en los remitentes haya un VMC.

_{Google, Google Workspace, así como las marcas y los logotipos relacionados, son marcas de Google LLC. Todos los demás nombres de empresas y productos son marcas de las empresas con las que están asociadas.}