Cuando configura una firma de correo electrónico en Outlook Mobile, la aplicación puede convertir automáticamente su firma HTML cuidadosamente diseñada en un bloque desordenado de código sin formato o en múltiples imágenes rotas. Este problema ocurre porque Outlook Mobile no admite tablas HTML complejas, múltiples imágenes ni CSS incrustado como lo hace la versión de escritorio. Este artículo explica cómo reducir su firma HTML a una sola imagen de logotipo que se muestre correctamente en cualquier dispositivo móvil. Aprenderá la estructura HTML exacta que debe usar, cómo probarla y qué evitar.
Puntos clave: Creación de una firma lista para dispositivos móviles con una sola imagen
- Use una sola etiqueta
<img>con ancho y alto en línea: Evita que Outlook Mobile estire o escale el logotipo incorrectamente. - Aloje la imagen en una URL HTTPS pública: Outlook Mobile bloquea las imágenes HTTP de forma predeterminada, por lo que su logotipo debe servirse a través de una conexión segura.
- Evite las etiquetas
<table>,<div>y<style>: Estos elementos hacen que Outlook Mobile elimine la firma o muestre el código HTML sin formato en lugar de la imagen.
Por qué Outlook Mobile rechaza el HTML de firma complejo
Outlook Mobile utiliza un renderizador HTML limitado que elimina CSS, JavaScript y la mayoría de las etiquetas estructurales. Cuando la aplicación encuentra una firma con tablas anidadas, múltiples imágenes o estilo de fuente, elimina esos elementos por completo o muestra el código fuente HTML sin formato al destinatario. Este comportamiento es intencional para reducir los riesgos de seguridad y mantener los mensajes ligeros en las redes móviles.
La limitación principal es que Outlook Mobile solo renderiza de forma fiable una única imagen en línea con atributos básicos. Cualquier imagen, enlace o formato adicional probablemente se descartará. Para un logotipo corporativo que debe aparecer de forma consistente en todas las respuestas y reenvíos, necesita una firma que no contenga más que una etiqueta <img>.
Lo que Outlook Mobile admite frente a lo que elimina
Outlook Mobile conserva los siguientes elementos HTML en las firmas: <img> con atributos src, width, height y alt; texto sin formato; y saltos de línea simples (<br>). Elimina o rompe lo siguiente: <table>, <tr>, <td>, <div>, <span>, <style>, <link>, <script>, <font>, y cualquier clase o ID de CSS. Conocer este límite es el primer paso para crear una firma que funcione.
Pasos para crear una firma de una sola imagen para Outlook Mobile
- Cargue su logotipo en un servidor HTTPS público
Su imagen de logotipo debe ser accesible desde Internet a través de HTTPS. Utilice un servidor web de la empresa, un servicio de almacenamiento en la nube con un enlace público o una plataforma de alojamiento de imágenes dedicada. La URL debe comenzar conhttps://. Outlook Mobile bloquea las imágenes HTTP para evitar advertencias de contenido mixto. El archivo de imagen debe ser inferior a 100 KB para cargarse rápidamente en redes móviles. - Cambie el tamaño de la imagen a las dimensiones correctas
Utilice un editor de imágenes para establecer el ancho del logotipo en 200 píxeles y la altura proporcional a la relación de aspecto original. Un logotipo de más de 300 píxeles de ancho puede ser recortado por Outlook Mobile en pantallas más pequeñas. Guarde el archivo como PNG o JPEG. No utilice formatos GIF o BMP porque Outlook Mobile puede no renderizarlos de forma fiable. - Escriba el código HTML de firma mínimo
Abra un editor de texto sin formato como Notepad. Escriba el siguiente código exactamente, reemplazando la URL y las dimensiones con sus propios valores:<img src="https://yourcompany.com/logo.png" width="200" height="60" alt="Your Company Logo">No agregue ninguna otra etiqueta, salto de línea o espacio alrededor de la etiqueta
<img>. La firma debe contener solo esta única línea de HTML. - Copie el HTML en la configuración de firma de Outlook Mobile
En su iPhone o dispositivo Android, abra Outlook Mobile. Toque su foto de perfil o el icono de cuenta en la esquina superior izquierda. Toque el icono de engranaje para abrir Configuración. Desplácese hacia abajo y toque Firma. En la cuenta de correo electrónico que desea modificar, toque Firma. Elimine cualquier contenido existente. Pegue la única etiqueta<img>que creó. Toque Guardar en la esquina superior derecha. - Envíe un correo electrónico de prueba para verificar la firma
Redacte un nuevo correo electrónico a su propia dirección de trabajo o a una cuenta de prueba. No agregue ningún texto en el cuerpo. Envíe el mensaje. Abra el correo electrónico recibido en un cliente de correo electrónico de escritorio y en la aplicación Outlook Mobile. Verifique que el logotipo aparezca como una sola imagen sin un icono de enlace roto ni código HTML sin formato a su alrededor.
Qué hacer si la firma sigue mostrándose incorrectamente
Outlook Mobile muestra el código HTML en lugar de la imagen
Esto sucede cuando la firma contiene caracteres o etiquetas adicionales. Abra la firma nuevamente en Outlook Mobile. Elimine todo. Pegue solo la única etiqueta <img>. No agregue una línea en blanco antes o después. Guarde y pruebe de nuevo.
El logotipo aparece como un icono de imagen rota
La URL de la imagen no es accesible o está bloqueada. Verifique que la URL comience con https:// y que el archivo sea de acceso público. Abra la URL en un navegador móvil para confirmar que se carga. Si la URL funciona en un navegador pero no en la firma, es posible que el servidor esté bloqueando el hotlinking. Configure su servidor web para permitir solicitudes de origen cruzado o mueva la imagen a otro host.
La imagen es demasiado grande o está estirada
Outlook Mobile ignora los atributos width y height si el archivo de imagen en sí tiene más de 500 píxeles de ancho. Cambie el tamaño de la imagen de origen a exactamente 200 píxeles de ancho utilizando un editor de imágenes. Vuelva a cargar el archivo redimensionado y actualice la URL src en la firma.
La firma aparece en Outlook de escritorio pero no en móvil
Outlook Mobile no sincroniza las firmas con la versión de escritorio. Debe configurar la firma por separado en cada dispositivo. Siga los mismos pasos en cada dispositivo iPhone o Android donde desee que aparezca el logotipo.
Firma de una sola imagen frente a firma HTML completa: diferencias clave
| Elemento | Firma de una sola imagen | Firma HTML completa |
|---|---|---|
| Representación en Outlook Mobile | Muestra el logotipo de forma fiable cada vez | A menudo muestra HTML sin formato o un espacio en blanco |
| Complejidad | Una línea de código, sin CSS ni tablas | Múltiples tablas, fuentes, colores e imágenes |
| Tamaño del archivo en el correo electrónico | Menos de 100 KB para la imagen | Puede superar los 500 KB con recursos incrustados |
| Tiempo de configuración | 5 minutos por dispositivo | 30 minutos más pruebas en múltiples clientes |
| Riesgo de rotura después de actualizaciones | Bajo — solo un elemento que puede romperse | Alto — las actualizaciones móviles de Outlook a menudo eliminan HTML complejo |
Ahora puede crear una firma de Outlook Mobile que contenga solo una única imagen de logotipo y se muestre correctamente en cada respuesta y reenvío. Después de configurar la firma, pruébela enviando un mensaje a un colega que utilice una plataforma móvil diferente. Para un control avanzado, considere usar reglas de transporte de Microsoft Exchange para agregar una firma compatible con dispositivos móviles del lado del servidor en lugar de depender de la configuración del cliente.