Entrega del logo para firmas de correo en modo claro y oscuro

1. Acuerda quién instalará la firma

El cliente pide «el logo para nuestras firmas de correo». Antes de exportarlo, averigua si lo insertará en Gmail, configurará Outlook en cada equipo o utilizará una herramienta de firmas para toda la organización. Son flujos de entrega distintos, aunque el diseño sea idéntico.

Pregunta quién se encarga de la instalación y qué aplicaciones utilizan realmente los empleados para enviar mensajes. Anota por separado las aplicaciones importantes de los destinatarios. Una firma creada en Outlook puede leerse en Gmail o Apple Mail: su aspecto en el panel de configuración del remitente no demuestra que la entrega esté lista.

Delimita el trabajo: entregar una imagen del logo y sus especificaciones no equivale a programar una firma HTML, alojar imágenes, instalarla para toda la plantilla o mantenerla después de las actualizaciones del correo.

• ✓Aplicación de envío y editor de firmas identificados.
• ✓Responsable de la instalación y del despliegue definido.
• ✓Aplicaciones y dispositivos de recepción prioritarios acordados.
• ✓Método de imagen enlazada o incrustada acordado con quien implementa la firma.
• ✓Entrega gráfica diferenciada del HTML, el alojamiento y el mantenimiento.

2. Aprueba una versión de respaldo antes de crear variantes

Utiliza PNG como punto de partida conservador si el editor de firmas elegido lo admite. Conserva por separado el original vectorial. Que una web admita SVG no demuestra que el flujo de la firma lo gestione igual. La compatibilidad del correo cambia, y un SVG enlazado no es lo mismo que código SVG incrustado en un mensaje.

Coloca el PNG exportado sobre un fondo claro y otro oscuro. Comprueba el logo completo, incluidos los trazos finos, los espacios interiores y cualquier lema pequeño. Es una revisión del recurso gráfico, no una simulación de todas las bandejas de entrada. Un logotipo oscuro con transparencia puede perder contraste sobre un fondo oscuro; uno blanco puede desaparecer sobre un fondo claro.

Si la identidad lo permite, compara una versión sobre una placa clara y opaca cuyo fondo forme parte de la propia imagen. Respeta el área de protección aprobada. Así el logo dispone de un fondo definido sin depender únicamente del HTML que lo rodea, pero sigue siendo necesario comprobar el mensaje recibido. La placa visible puede ser una decisión deliberada, no un defecto que haya que ocultar.

No añadas un contorno blanco, un resplandor o un color distinto solo porque un tutorial lo presente como solución para el modo oscuro. Son modificaciones de la identidad. Consigue la aprobación de ese tratamiento y conserva intacto el original aprobado.

Continúa con: Prepara variantes monocromas y en negativo aprobadas

Más información: Can I Email: pruebas de PNG · Can I Email: pruebas de SVG enlazado

3. Dos recursos no equivalen a un cambio automático

Puedes entregar versiones aprobadas para fondos claros y oscuros cuando la implementación las necesite. Identifica su uso previsto. No prometas que la aplicación de correo elegirá el archivo correcto por el mero hecho de que ambos estén en la carpeta.

El cambio automático es una función de la implementación que debe funcionar en el editor de firmas y en las aplicaciones receptoras concretas. El CSS de modo oscuro de una web no es una receta universal para firmas. Gmail documenta un conjunto limitado de funciones CSS y consultas de medios; las reglas no admitidas pueden ignorarse. Tampoco se puede dar por hecho que un fragmento de firma controle el elemento <head> del HTML del mensaje completo.

Pide a quien implemente la firma que demuestre el cambio mediante mensajes recibidos. Si no puede comprobarlo en los destinos acordados, elige el tratamiento de respaldo aprobado en vez de entregar un logo invisible y presentar el segundo archivo como solución.

Más información: Google: CSS compatible con Gmail

4. Incluye la especificación de visualización junto al archivo

Las dimensiones exportadas en píxeles y las dimensiones de visualización son instrucciones diferentes. Por ejemplo, un PNG de 360 × 90 que deba verse a 180 × 45 necesita que la instalación limite su tamaño. De lo contrario, el archivo más grande puede mostrarse simplemente más grande. Estas cifras ilustran la relación; no son una norma universal para firmas.

Conserva la proporción e indica en la especificación si el área de protección está incluida. Si una herramienta de firmas redimensiona o comprime la imagen cargada, inspecciona el mensaje recibido antes de volver a exportarla a otro tamaño. Las indicaciones de Google para solucionar problemas de firmas son útiles para Gmail, pero no constituyen la especificación de todos los clientes de correo.

Recurso: FORM_Email_PaleTile_360x90.png
Imagen exportada: 360 × 90 px
Visualización prevista: 180 × 45 px, proporcional
Tratamiento: logo oscuro aprobado sobre una placa clara opaca
Área de protección: incluida en la imagen
Texto alternativo sugerido: FORM
Responsable de instalación: equipo informático del cliente
Aceptación: pruebas de recepción indicadas más abajo

Valores de ejemplo. Confírmalos en el editor real.

Continúa con: Calcula las dimensiones de exportación y visualización

Más información: Google: solucionar problemas de firmas de Gmail

5. Conserva la información esencial fuera de la imagen

No conviertas toda la firma del empleado en una única imagen. Mantén el nombre, cargo, correo, teléfono y sitio web como texto cuando el editor lo permita. Entrega una propuesta breve de texto alternativo para el logo y comprueba cómo la gestiona el editor utilizado.

Las imágenes remotas pueden no cargarse por los ajustes del destinatario, un archivo alojado inaccesible o un cambio de URL. Microsoft documenta el bloqueo de descargas de imágenes en Outlook clásico, y Apple explica sus controles de privacidad del contenido remoto. Un espacio vacío no demuestra por sí solo que el logo esté mal exportado.

Si la instalación utiliza una imagen alojada, quien la implemente debe comprobar que los destinatarios pueden obtenerla sin iniciar sesión en el almacenamiento privado del diseñador. Acuerda quién mantendrá esa ubicación. No resuelvas un logo ausente pidiendo a los destinatarios que reduzcan sus medidas de privacidad.

Más información: Microsoft: descarga de imágenes en Outlook clásico · Apple: ajustes de privacidad de Mail

6. Aprueba el mensaje recibido, no la vista previa del editor

Instala la propuesta mediante el mismo proceso que utilizará el cliente. Envía una prueba real a bandejas de prueba controladas e inspecciona el mensaje recibido. Incluye las aplicaciones prioritarias acordadas al principio, sin prometer cobertura universal. Gmail web y móvil, las versiones pertinentes de Outlook y Apple Mail pueden ser destinos útiles si forman parte del público del cliente.

Comprueba fondos de mensaje claros y oscuros cuando estén disponibles. En Outlook, el tema de la interfaz y el fondo del mensaje pueden ajustarse por separado; por tanto, «modo oscuro de Outlook» no describe una prueba completa. Anota la aplicación, su versión o compilación cuando esté disponible, la plataforma, los ajustes relevantes y la fecha.

Revisa una respuesta y un reenvío, además del mensaje inicial. Confirma que el logo sigue siendo reconocible al tamaño mostrado, no se deforma ni domina toda la firma, y no es la única fuente de información de contacto cuando se bloquean las imágenes.

Guarda algunas capturas de los mensajes recibidos y una lista breve de incidencias junto a la entrega. Documenta lo que realmente se ha probado. Si cambia el cliente de correo o la plataforma de firmas, repite las comprobaciones afectadas en vez de asumir que una aprobación antigua cubre todas las versiones futuras.

Más información: Microsoft: modo oscuro y fondos del mensaje en Outlook

7. Distingue los problemas gráficos de los de instalación

Si el PNG descargado ya está recortado, tiene un fondo incorrecto o utiliza una variante no aprobada, revisa el original y los ajustes de exportación. Si el archivo es correcto pero el mensaje recibido lo estira, investiga el tamaño aplicado en la firma. Si desaparece solo al bloquear imágenes remotas, comprueba la carga y el comportamiento de respaldo.

Esta distinción evita una cadena interminable de «envíame un logo más grande» cuando el problema real es la instalación. Entrega juntos el recurso aprobado, las dimensiones previstas, las configuraciones probadas y las limitaciones conocidas.

• Diseñador: recurso aprobado, tratamiento de fondo, píxeles exportados y nombres de archivo.
• Responsable de implementación: método de inserción, tamaño mostrado, entrega de imágenes y despliegue.
• Cliente: entornos prioritarios, aprobación de marca y aceptación de las limitaciones documentadas.

8. Organiza los recursos aprobados y separa las pruebas del correo

Una vez aprobados el diseño y su tratamiento de fondo, logopack.app puede ayudarte a reunir las exportaciones disponibles de un SVG existente en un paquete organizado. Revisa el PNG concreto que vayas a utilizar y sus dimensiones. Comprueba el plan vigente y las opciones disponibles antes de prometer una entrega específica.

El paquete no es un instalador de firmas, un servicio de alojamiento de imágenes ni una prueba de compatibilidad entre bandejas de entrada. Conserva la nota específica de correo y las pruebas de recepción junto a los recursos, y deja que la persona responsable de la firma valide la instalación.

Para la entrega completa de la identidad, incluye solo las variantes aprobadas y una explicación breve de dónde utilizar cada una. Un paquete útil reduce las dudas, pero no elimina la necesidad de probar el destino final.

Continúa con: Prepara la entrega completa al cliente

Más información: Prepara el paquete del logo aprobado · Consulta los planes vigentes