Cómo crear un logotipo BIMI SVG

Crear un logotipo BIMI que cumpla todos los requisitos

El logotipo BIMI debe cumplir una serie de requisitos antes de poder mostrarse en la bandeja de entrada. Si el logotipo no cumple esos requisitos, no podrá mostrarse. Siga leyendo y descubra cuáles son los requisitos BIMI y cómo crear un archivo SVG válido.

Tenga en cuenta que el Grupo de Trabajo BIMI es la autoridad en la definición de las especificaciones. Los requisitos y el "cómo" que figuran a continuación pueden estar sujetos a actualizaciones/cambios.

Requisitos del logotipo de BIMI

• Asegúrese de que el logotipo está basado en vectores. Los archivos con la extensión PDF, Ai SVG o EPS suelen ser archivos basados en vectores. En caso de duda, póngase en contacto con el diseñador.
• Formato: SVG Tiny 1.2
• Dimensiones del logotipo: cuadrado
• El logotipo BIMI debe ser publicado en un dominio con un certificado SSL en su lugar (https)

Cómo crear un archivo SVG BIMI validado

• Abra su archivo en Adobe Illustrator

  Empiece con una versión vectorial de su logotipo.

• Guardar como SVG

  Vaya a «Archivo» > «Guardar como» y seleccione SVG (no SVGZ). El nombre del archivo debe ser sencillo: en minúsculas, sin espacios, guiones bajos ni caracteres especiales. Por ejemplo: brand-name-bimi.svg

• Aplique la configuración de exportación correcta

  En el cuadro de diálogo de exportación a SVG, seleccione «SVG Tiny 1.2» en «Perfil SVG» y «Conservar» en «Ubicación de la imagen».

• Abra el archivo en un editor de texto o de código

  Cualquier editor de texto sirve: TextEdit en Mac o el Bloc de notas en Windows, si no dispone de un editor de código.

• Modificar el perfil base

  En la línea 3, busque «baseProfile="tiny" » y cámbielo por «baseProfile="tiny-ps" ».

• Eliminar los atributos x/y

  En la misma etiqueta svg<, elimine los atributos x="0" e y="0", si los hubiera.

• Añada un elemento de título

  Después de la etiqueta svg «<» y antes de la etiqueta «<g> », añada lo siguiente: «<title>Brand name</title> ». El título no debe superar los 65 caracteres. 

• Guarde el archivo

  Guarde el archivo SVG modificado. Su archivo ya está listo para subirlo.

• Suba el archivo SVG a su servidor

  Aloje el archivo en el mismo dominio en el que se ha publicado su registro DNS de BIMI.

Resolución de problemas del archivo SVG BIMI

Compruebe si el logotipo de BIMI contiene imágenes de mapa de bits

Para saber si se ha añadido una imagen de mapa de bits, compruebe el archivo SVG. Existen varias formas de comprobar el código fuente de un archivo SVG. A continuación se mencionan dos:

• Guarde o descargue el archivo SVG (opción 1) > Abra el archivo SVG en TextEdit (Mac) o en el Bloc de notas (Windows)
• Abra el archivo SVG en Google Chrome (opción 2) >. Vea el código fuente (vea > developer > el código fuente) >. Una vez que el código fuente esté visible, busque: img/ 

Si la búsqueda devuelve un resultado, puede asumirse que el archivo SVG contiene una imagen de mapa de bits y, por tanto, no se ajusta a las directrices del logotipo BIMI.

Ejemplo:
Cuando se encuentra la siguiente línea (file.Xlink:href=”data:img/png;base64, i), el archivo SVG contiene una referencia a un PNG (mapa de bits).

Solución
Pida al diseñador del logotipo que modifique el archivo para que sea un archivo totalmente vectorial.

Archivos SVG grandes sin imágenes de mapa de bits

Es posible que el archivo SVG se haya creado de forma diferente y, por tanto, contenga más código (innecesario).

Solución
En ese caso, abra el archivo SVG en Adobe Illustrator y siga los pasos indicados anteriormente. De este modo se creará un archivo SVG correctamente codificado.

Recursos adicionales

• La especificación SVGcompleta de BIMI
• Más información sobre la creación de archivos SVG con Adobe Illustrator