Caso de estudio
Firmas de correo que se ven bien en todas partes
Un generador de firmas para cinco marcas que resiste Outlook, Gmail y Apple Mail
Cada persona llena un formulario, elige su unidad de negocio y copia una firma que funciona en todos los clientes de correo. Outlook de escritorio, que renderiza con Word, recibe un respaldo tipográfico medido para que quepa.
El problema
El grupo tiene cinco marcas y quería que todos firmaran igual. Los clientes de correo no coinciden en casi nada, porque Outlook de escritorio renderiza el HTML con Word, Gmail elimina las imágenes data: y el SVG incrustado, y las imágenes cid: solo funcionan si la imagen viaja dentro del mensaje, algo que una firma pegada no puede hacer.
Restricciones
- Las firmas se pegan en el cliente de correo, así que no se puede adjuntar nada.
- Outlook de escritorio renderiza con Word, así que no hay SVG incrustado, WebP, flexbox ni grid.
- Cinco marcas, tres temas e insignias de certificación.
Lo que construí
- Un servicio en FastAPI y Jinja2 con un formulario, un catálogo de cada marca y tema, la descarga de un .htm para Outlook y un endpoint por lotes que convierte el CSV del equipo en un ZIP con una firma por persona.
- Cada logotipo sale dos veces, en bloques que se excluyen entre sí, como imagen alojada para Outlook web, Gmail, Apple Mail y Thunderbird, y como el nombre de la marca en Arial Bold para Outlook de escritorio.
- El nombre de respaldo se mide con una tabla de anchos de Arial Bold y baja un píxel a la vez hasta que cabe en la columna de 148 px.
- Un script de auditoría renderiza cada combinación de marca, tema e insignia y falla ante cualquier cosa que un cliente de correo rompería, como imágenes data:, fuentes fuera de HTTPS, imágenes sin ancho, alto o alt, o un logotipo sin su respaldo para Outlook.
Arquitectura
Del formulario a cada bandeja de entrada
Cada firma lleva los respaldos que necesita cada tipo de cliente de correo.
Entrada
- Formulario para una persona
- CSV para todo el equipo
Servicio en FastAPI y Jinja2
- Reglas de marca y temas
- Logotipo de texto medido para que quepa
- Auditoría de compatibilidad
Salida
- Copiar y pegar
- Archivo .htm para Outlook
- ZIP con una firma por persona
Clientes de correo
- Logotipo alojado en Outlook web, Gmail y Apple Mail
- Nombre de la marca en texto en Outlook de escritorio
- Texto alternativo si las imágenes están bloqueadas
Decisiones y sus costos
Imágenes alojadas en vez de incrustadas
Gmail y Outlook descartan el SVG incrustado, las imágenes data: no pasan el filtro de Gmail y una firma pegada no puede llevar adjuntos.
Un solo tema para todos
El grupo quería que todos firmaran igual, y el generador ofrecía tres temas.
Resultados
- Cinco marcas atendidas desde un solo servicio, con un modo por lotes para todo el equipo.
- Una auditoría que revisa cada combinación de marca, tema e insignia después de cada cambio de plantilla.
Stack
Elige una tecnología para ver qué proyectos la usan.
