Preparación para el estándar BIMI: adecúe su logotipo

En la publicación de hoy, analizaremos en detalle el primer paso que debe dar para ajustarse al estándar BIMI (indicadores de marca para la identificación de mensajes): convertir el logotipo al formato SVG.

Preparación del logotipo: cree el archivo SVG

Para que pueda adquirir un certificado VMC (certificado de marca verificada) —y ajustarse al estándar BIMI en general—, su logotipo debe tener el formato SVG (gráfico vectorial escalable). El problema es que el archivo SVG debe cumplir el perfil SVG Portable/Seguro (SVG-P/S), y en la actualidad no existe una plantilla de exportación para aplicaciones vectoriales como Adobe Illustrator. Por lo tanto, deberá crearlo siguiendo estos pasos:

Opción 1: hágalo usted mismo en Adobe Illustrator

Paso 1: convierta la imagen de píxeles a un formato vectorial (.ai, .eps, .pdf, .svg)

Muchas empresas crean los logotipos en píxeles utilizando Photoshop u otros programas de diseño. Para el caso que nos ocupa, esto no nos sirve. Hay que convertir el logotipo en un gráfico vectorial.

Muchos logotipos de marcas están formados por palabras que se pueden convertir fácilmente utilizando fuentes y dibujos lineales. Pero, si el logotipo contiene gráficos complejos, para vectorizarlo tal vez sea preciso modificar el diseño.

Paso 2: exporte el archivo como SVG Tiny 1.2

Una vez vectorizado el logotipo, expórtelo con el perfil SVG Tiny 1.2. En Adobe Illustrator®, haga clic en la opción «Guardar como»:

  1. Compruebe que la imagen esté vectorizada (.ai, .eps, .pdf, .svg).
  2. Abra el archivo en Adobe Illustrator.
  3. Guarde el archivo con la opción «Guardar como».
  4. En el cuadro de diálogo, asígnele un nombre al archivo y seleccione «SVG (svg)» en el menú desplegable de «Formato».
  5. Haga clic en «Guardar». Se abrirá otro cuadro de diálogo.
  6. En el menú desplegable de «Perfiles SVG», seleccione «Tiny 1.2» y haga clic en «OK».


Paso 3: abra su editor de texto de confianza

Abra el archivo SVG con un editor de texto (como Notepad o Notepad++) o con un editor de código, como Vim o Nano. Como los archivos SVG son archivos de texto, lo más importante es que lo abra, lo edite y lo vuelva a guardar en formato «txt» con la extensión de archivo «.svg».

Una vez abierto el archivo, realice estos cambios:

  1. En el archivo SVG, compruebe que el encabezado contenga la siguiente configuración:
    xmlns=http://www.w3.org/2000/svg, version=”1.2, baseProfile=”tiny-ps“

    Es posible que contenga más información, pero estos datos deben estar presentes obligatoriamente.

    Por ejemplo, es posible que contenga una cadena de este tipo:

    <svg version="1.2" baseProfile="tiny-ps" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1080 1080“ xml:space="preserve">
    Si exportó el archivo desde Illustrator, deberá cambiar el valor de baseProfile por tiny-ps y eliminar los elementos «x=», «y=» y «overflow».

  2. A continuación, agregue el título. Le recomendamos que presione Intro después del elemento xml:space=”preserve” y que coloque el título allí. En este campo, deberá introducir el nombre de la empresa.
  3. Asegúrese de no colocar el título dentro del código gráfico. Como puede ver en la captura que aparece debajo, está bien agregarlo en una línea nueva después de «=preserve», pero si lo hace después de la línea que empieza con «», es posible que la validación falle.
  4. Vuelva a guardar el archivo en formato de texto con la extensión SVG.
  5. ¡Eso es todo! Ya ha terminado.

    Opción 2: utilice las herramientas de conversión de gráficos del grupo de trabajo de BIMI

    El grupo de trabajo de BIMI lanzó herramientas de conversión de gráficos que ayudan a guardar los logotipos con el formato SVG-P/S.

    • Entre estas herramientas, se incluye Adobe Illustrator Export Script, una secuencia de comandos que se puede agregar a Adobe Illustrator (ya sea con Windows o macOS) y que permite convertir un archivo abierto SVG Tiny 1.2 al formato SVG-P/S.

    Consejos para mejorar la visualización del logotipo

    • Para obtener la mejor calidad de imagen, se recomienda utilizar una relación de aspecto cuadrada (1:1).
    • La imagen se debe centrar para que se visualice de forma óptima en un cuadrado con bordes rectos, un cuadrado con bordes redondeados o un círculo.
    • Los fondos no transparentes son los mejores porque, cuando se renderiza un fondo transparente, el resultado es imprevisible.

    A continuación encontrará algunos ejemplos de cómo se puede mostrar el logotipo.