Imágenes en la firma de email: formatos, tamaños y alojamiento
Logo, foto, banner: qué formatos y medidas usar, cómo alojar las imágenes, gestionar las pantallas Retina y evitar que tu firma de email se llene de adjuntos.
El equipo de Soniako Publicado el 4 min de lectura
Las imágenes marcan la diferencia entre una firma cuidada y una amateur. También son las responsables de la mayoría de los problemas: adjuntos inesperados, logos borrosos, banners que no se cargan. Estas son las reglas que funcionan en Gmail, Outlook y Apple Mail.
Elegir el formato correcto
| Formato | Uso recomendado | A tener en cuenta |
|---|---|---|
| PNG | Logos, iconos, gráficos planos | Admite transparencia; cuidado con el modo oscuro |
| JPG | Fotos de perfil, banners fotográficos | Más ligero para fotos, sin transparencia |
| GIF | Animación ligera | Algunas versiones de Outlook para Windows solo muestran el primer fotograma |
| SVG | Evitar | No lo admiten Gmail ni la mayoría de versiones de Outlook |
| WebP | Evitar por ahora | Compatibilidad todavía desigual entre clientes de correo |
En la práctica: PNG para el logo y los iconos, JPG para fotos y banners.
Las medidas adecuadas
La firma completa no debería superar los 600 píxeles de ancho, el ancho de lectura estándar de un email. Dentro de ese marco:
- Logo: entre 120 y 200 px de ancho visible.
- Foto de perfil: entre 60 y 100 px, cuadrada o redonda.
- Iconos sociales: entre 16 y 24 px.
- Banner: entre 450 y 600 px de ancho, entre 80 y 150 px de alto.
La regla del 2x para pantallas de alta densidad
En una pantalla Retina, una imagen de 150 px mostrada a 150 px se ve borrosa. La solución: exportar la imagen al doble de su tamaño de visualización (300 px) y fijar el tamaño visible en el HTML con los atributos width y height. Ese detalle es imprescindible para Outlook en Windows, que a menudo ignora los tamaños definidos solo en CSS.
El peso de los archivos
Cada imagen se descarga cada vez que se abre un email. Apunta a:
- menos de 50 KB por imagen;
- menos de 150 KB para toda la firma.
Un logo PNG optimizado suele pesar entre 5 y 15 KB. Las herramientas de compresión (TinyPNG, Squoosh, ImageOptim) reducen el peso sin pérdida visible.
Alojamiento: un enlace remoto, no un adjunto
Hay dos maneras de poner una imagen en un email:
- Incrustada (adjunto «inline»): la imagen viaja con el email. Inconvenientes: aparece el clip de adjunto, cada email pesa más y algunos clientes muestran la imagen dos veces.
- Alojada: el email contiene un enlace a una imagen guardada en un servidor. Es el método preferible.
Para las imágenes alojadas, sigue tres reglas:
- Solo HTTPS: muchos clientes bloquean las imágenes servidas por HTTP.
- URL estable: si la imagen cambia de sitio, todas las firmas ya enviadas mostrarán un recuadro vacío.
- Servidor fiable: un alojamiento rápido y duradero (CDN, almacenamiento de objetos), no un enlace personal de un servicio para compartir archivos.
Una herramienta de gestión centralizada de firmas se encarga de este alojamiento por ti.
Prevé el bloqueo de imágenes
Muchos clientes de correo —Outlook el primero— bloquean las imágenes por defecto para remitentes desconocidos. Tu firma debe seguir siendo útil sin ellas:
- Texto alternativo (
alt) en cada imagen: «Logo de Atelier Nord», no «imagen1». - Datos clave en texto: nombre, teléfono y web nunca deben estar solo dentro de una imagen.
- Dimensiones fijadas: con
widthyheight, el diseño no se desmorona cuando falta la imagen.
También es una cuestión de accesibilidad.
El modo oscuro
Un logo PNG negro sobre fondo transparente desaparece cuando el cliente de correo pasa a modo oscuro. Dos soluciones sencillas: añadir un contorno claro discreto alrededor del logo o usar un fondo blanco con esquinas redondeadas. Más detalles en la firma de email y el modo oscuro.
Foto de perfil: ¿sí o no?
Una foto humaniza el intercambio, sobre todo en puestos de relación (ventas, selección, consultoría). Algunas precauciones:
- un encuadre coherente en toda la empresa (mismo fondo, mismo formato);
- una foto reciente y profesional;
- respetar la decisión de cada persona: la foto de un empleado es un dato personal; consulta firma de email y RGPD.
La sincronización con Google Workspace o Microsoft 365 puede recuperar automáticamente la foto de perfil del directorio, para no gestionarla dos veces.
Resumen
- PNG para el logo, JPG para fotos, nada de SVG.
- 600 px de ancho como máximo en total.
- Imágenes exportadas a 2x, tamaños fijados con
width/height. - Menos de 50 KB por imagen.
- Alojamiento HTTPS estable, nunca adjuntos.
- Texto alternativo en todas partes, datos clave en texto.