¿Por qué convertir tu SVG al formato BIMI Tiny-PS?
BIMI muestra el logo de tu marca en Gmail, Yahoo y Apple Mail, directamente junto a tus correos. Las marcas que usan BIMI observan en promedio un aumento del 10 % en la tasa de apertura (fuente: Red Sift/Entrust). Pero los proveedores de correo no aceptan cualquier SVG: el archivo debe cumplir con el perfil SVG Tiny-PS (Tiny Portable/Secure), un subconjunto estricto del formato SVG.
Un SVG exportado desde Illustrator, Figma o Inkscape casi siempre contiene elementos prohibidos: scripts, fuentes incrustadas, metadatos del editor, animaciones. Un solo elemento no conforme basta para bloquear la visualización del logo.
Casos de uso frecuentes:
- Nuevo despliegue BIMI → Convierte tu logo existente antes de publicar el registro DNS
- Logo rechazado por Gmail → Identifica y elimina los elementos prohibidos automáticamente
- Actualización de marca → Convierte el nuevo logo y verifica su conformidad antes de ponerlo en producción
Cómo convertir tu SVG en 3 pasos
Paso 1: Importar tu SVG
Dos opciones:
- Arrastrar y soltar: Arrastra tu archivo
.svga la zona de importación - Pegar el código: Copia y pega el contenido XML de tu SVG en el campo de entrada
La herramienta acepta archivos de hasta 256 KB. Si tu SVG supera este límite, optimízalo primero con SVGO.
Paso 2: Iniciar la conversión
Opcionalmente, indica el título del logo (ej: "Acme Corp"). Este título es requerido por Tiny-PS; si no lo proporcionas, se usará "Untitled Logo" por defecto.
Haz clic en Convertir. La herramienta:
- Analiza el SVG fuente y detecta las no conformidades
- Añade los atributos requeridos (
version="1.2",baseProfile="tiny-ps",xmlns) - Elimina los elementos prohibidos (scripts, fuentes, animaciones, imágenes rasterizadas)
- Limpia los metadatos y comentarios
- Valida el resultado (tamaño, viewBox, conformidad)
Paso 3: Descargar y verificar
Consulta el informe:
- Correcciones automáticas (verde): Atributos añadidos o corregidos
- Elementos eliminados (naranja): Scripts, fuentes, animaciones retirados
- Limpiezas (azul): Comentarios, metadatos eliminados
- Diagnósticos: Advertencias residuales (viewBox no cuadrado, tamaño cerca del límite)
Descarga el archivo SVG Tiny-PS conforme y alójalo en tu CDN por HTTPS.
¿Qué es SVG Tiny-PS?
SVG Tiny-PS (Tiny Portable/Secure) es un perfil del formato SVG Tiny 1.2, definido por el BIMI Working Group. Impone restricciones de seguridad para garantizar que los logos mostrados en los correos no puedan ejecutar código ni cargar recursos externos.
Diferencias clave con un SVG estándar:
| Aspecto | SVG estándar | SVG Tiny-PS |
|---|---|---|
version | Libre | 1.2 obligatorio |
baseProfile | Libre | tiny-ps obligatorio |
title | Opcional | Obligatorio |
| Scripts | Permitidos | Prohibidos |
| Animaciones | Permitidas | Prohibidas |
| Fuentes externas | Permitidas | Prohibidas |
| Imágenes rasterizadas | Permitidas | Prohibidas |
| Filtros SVG | Permitidos | Prohibidos |
| Referencias externas | Permitidas | Prohibidas |
| Tamaño máx. | Ilimitado | 32 KB |
| viewBox | Opcional | Cuadrado recomendado |
¿Qué transformaciones realiza la herramienta?
El convertidor aplica tres tipos de modificaciones:
Correcciones automáticas (auto-fix)
| Modificación | Descripción |
|---|---|
| Versión SVG | Añade o corrige version="1.2" |
| Base Profile | Añade o corrige baseProfile="tiny-ps" |
| Título | Añade title si está ausente |
| Namespace | Añade xmlns si está ausente |
| Atributos x/y | Elimina x= e y= del elemento raíz |
| Dimensiones | Elimina width y height de la raíz |
| ViewBox | Infiere viewBox desde width/height si está ausente |
Eliminación de elementos prohibidos (strip)
| Elemento eliminado | Razón |
|---|---|
script | Código ejecutable prohibido |
animate, set, animateTransform | Animaciones prohibidas |
foreignObject, iframe, video, audio | Contenido interactivo prohibido |
font, font-face | Fuentes externas prohibidas |
filter | Filtros SVG prohibidos |
image, feImage | Imágenes rasterizadas prohibidas |
Reglas @font-face en style | Fuentes CSS prohibidas |
Referencias xlink:href externas | Enlaces remotos prohibidos |
| Data URIs | Datos incrustados prohibidos |
Limpiezas (clean)
| Limpieza | Descripción |
|---|---|
| Comentarios XML | Eliminados para reducir el tamaño |
| Processing instructions | Eliminadas (excepto <?xml?>) |
| Metadatos | Elemento metadata eliminado |
xml-stylesheet | Referencia de hoja de estilos eliminada |
Casos de uso reales
Caso 1: Exportación de Illustrator con scripts ocultos
Síntoma: El logo exportado desde Adobe Illustrator es rechazado por Gmail.
Diagnóstico: El SVG contiene un script de animación heredado de los parámetros de exportación y metadatos de Illustrator voluminosos.
Acción: Importa el archivo en el convertidor. Los scripts, metadatos y processing instructions se eliminan automáticamente. El archivo pasa de 45 KB a 12 KB.
Caso 2: Logo de Figma con texto no convertido
Síntoma: El logo convertido muestra cuadrados en lugar del texto.
Diagnóstico: El SVG contiene elementos text que referencian fuentes mediante @font-face. El convertidor elimina las fuentes (prohibidas en Tiny-PS) pero el texto pierde su aspecto.
Acción: En Figma, selecciona el texto y usa "Outline Stroke" para convertir a trazados vectoriales. Reexporta y luego convierte.
Caso 3: Logo conforme pero demasiado pesado
Síntoma: La conversión se completa pero el diagnóstico señala SVG_TOO_LARGE.
Diagnóstico: El archivo supera 32 KB después de la limpieza. Los trazados vectoriales son demasiado complejos.
Acción: Simplifica los trazados en tu editor gráfico (reduce los puntos de anclaje) o usa SVGO para optimizar el archivo antes de relanzar la conversión.
Buenas prácticas antes de la conversión
Preparación del SVG
- Convierte el texto en trazados: Outline Stroke en Figma, "Vectorizar" en Illustrator
- Usa un viewBox cuadrado: Ajusta las proporciones a 1:1 antes de exportar
- Elimina las capas ocultas: Añaden peso innecesario al archivo
- Simplifica los trazados: Reduce el número de puntos de anclaje
- Exporta en SVG optimizado: Usa los perfiles de exportación SVG Tiny 1.2 cuando estén disponibles
Exportación recomendada por editor
| Editor | Configuración recomendada |
|---|---|
| Adobe Illustrator | Archivo → Exportar → SVG (Perfil: SVG Tiny 1.2) |
| Figma | Exportar SVG → Outline text → Flatten selection |
| Inkscape | Guardar como → SVG optimizado (sin metadatos) |
| Sketch | Exportar → Formato SVG → Outline text |
FAQ - Preguntas frecuentes
P: ¿Qué es el formato SVG Tiny-PS?
R: SVG Tiny-PS (Tiny Portable/Secure) es un subconjunto restringido del formato SVG exigido por BIMI. Prohíbe scripts, fuentes externas, animaciones, imágenes rasterizadas y referencias remotas. Solo se permiten elementos gráficos estáticos para garantizar la seguridad en los clientes de correo.
P: ¿Por qué convertir mi SVG a Tiny-PS para BIMI?
R: Los proveedores de correo (Gmail, Yahoo, Apple Mail) exigen el formato Tiny-PS para mostrar los logos BIMI. Un SVG estándar suele contener elementos prohibidos que bloquean la visualización. La conversión automática los elimina conservando la apariencia visual del logo.
P: ¿La herramienta modifica la apariencia de mi logo?
R: No, la herramienta solo modifica los elementos no visuales: scripts, metadatos, fuentes, animaciones. Las formas, colores, degradados y trazados vectoriales se conservan íntegramente. Excepción: si tu logo usa texto no convertido en trazados, el aspecto puede cambiar tras la eliminación de las fuentes.
P: ¿Cuál es el tamaño máximo para un logo BIMI?
R: El perfil Tiny-PS impone 32 KB para el archivo SVG final. La herramienta verifica este límite tras la conversión. En entrada, se aceptan archivos de hasta 256 KB, ya que la limpieza de elementos prohibidos suele reducir significativamente el tamaño.
P: ¿El viewBox debe ser cuadrado?
R: Sí, BIMI recomienda un viewBox cuadrado (ancho igual al alto). La herramienta detecta un viewBox no cuadrado y emite una advertencia. Ajusta tu logo en tu editor gráfico antes de relanzar la conversión.
P: ¿Qué pasa si mi SVG contiene fuentes?
R: Los elementos font, font-face y las reglas @font-face en las etiquetas style se eliminan automáticamente. Para conservar el aspecto del texto, conviértelo en trazados vectoriales (outlines) en tu editor antes de usar el convertidor.
P: ¿Mi archivo convertido está garantizado conforme a BIMI?
R: La herramienta realiza una validación completa tras la conversión y señala todo problema residual. Si el informe muestra un estado verde sin errores, tu archivo es conforme Tiny-PS. También prueba con el verificador de logo BIMI para validar el alojamiento y la entrega HTTP.
Workflow completo tras la conversión
- Aloja el archivo SVG Tiny-PS en tu CDN mediante HTTPS
- Crea el registro DNS BIMI con el generador BIMI
- Verifica la entrega con el verificador de logo BIMI
- Valida tu política DMARC con el inspector DMARC
Herramientas complementarias
| Herramienta | Utilidad |
|---|---|
| Verificador de logo BIMI | Valida la conformidad Tiny-PS y la entrega HTTP de tu logo alojado |
| Inspector BIMI | Verifica tu registro DNS BIMI |
| BIMI Generator | Crea un registro BIMI válido para tu dominio |
| Analizador VMC | Analiza tu certificado de marca verificada |
| Inspector DMARC | Valida la política DMARC (prerrequisito BIMI) |
Recursos útiles
- BIMI Group - Creating SVG Logo Files (guía oficial de creación de logos BIMI)
- SVG Tiny P/S Profile (especificación técnica del perfil)
- W3C - SVG Tiny 1.2 (especificación SVG Tiny de referencia)
- BIMI Group - Solving SVG Issues (resolución de problemas SVG frecuentes)
- SVGO - Optimizador SVG (herramienta de código abierto para reducir tamaño)
- RFC 9495 - BIMI (especificación BIMI completa)