Guía de tamaños y dimensiones de las mejores firmas de correo electrónico

‍

La hoja de trucos

Si solo necesitas la respuesta rápida, usa estas dimensiones de firma de correo electrónico:

• Ancho máximo en el escritorio: 600 px
• Ancho máximo en el móvil: Un objetivo de 320 px o un diseño fluido que se reduce de forma limpia
• Altura total ideal: 150 a 200 px
• Tamaño de visualización del logotipo: 120 a 200 px de ancho
• Tamaño de la pantalla de la foto de la cabeza: 100 x 100 px o 150 x 150 px
• Tamaño del banner: 600 x 100 a 150 px
• Tamaño de archivo de imagen individual: idealmente por debajo de 50 KB
• Peso HTML: manténgase por debajo de 100 KB, idealmente por debajo de 80 KB
• Configuración de exportación: 7.2 PPI es una configuración común de exportación web
• Regla de la retina: sube imágenes con el doble del tamaño de la pantalla y luego muéstralas más pequeñas

‍

Estas cifras coinciden con las directrices actuales de diseño de correo electrónico de Exclaimer, Mailchimp, Litmus y los artículos de referencia de WiseStamp y Newoldstamp. Exclaimer recomienda 600 px de ancho para escritorio y 320 px para dispositivos móviles, con 150 a 200 px como altura ideal. Mailchimp sigue recomendando mantener un ancho de correo de 600 a 800 px porque los paneles de previsualización son estrechos, mientras que Litmus señala que Gmail recorta los mensajes cuando el HTML supera los 102 KB.

‍

¿Cuál es el mejor tamaño de firma de correo electrónico?

‍

El tamaño de firma de correo electrónico más seguro para la mayoría de las empresas es 600 px de ancho y 150 a 200 px de alto.

¿Por qué 600 px? Porque los clientes de correo electrónico siguen siendo mucho menos indulgentes que los sitios web. La referencia de diseño de correo electrónico de Mailchimp recomienda anchos de entre 600 y 800 píxeles para los correos electrónicos en HTML, y advierte específicamente que los paneles de visualización estrechos pueden reducir los mensajes que superen ese rango. Exclaimer va más allá y recomienda 600 px como el ancho ideal para firmas de escritorio. En otras palabras, 600 px es el punto óptimo: lo suficientemente ancho como para que quepa tu nombre, rol, detalles de contacto, logotipo y una pequeña llamada a la acción, pero lo suficientemente estrecho como para que quepa bien en los paneles de Gmail, Outlook y vista previa.

La altura también importa, pero menos que el ancho. Una firma que se convierte en un bloque alto debajo de cada correo electrónico rápidamente se siente intrusiva. Mantén el tamaño del pie de página de tu correo electrónico alrededor 150 a 200 px de altura por lo que la firma apoya el mensaje en lugar de dominarlo. Ese rango también coincide con las directrices actuales de referencia de Exclaimer y WiseStamp.

Si vas mucho más ancho que 600 px, suelen ocurrir dos cosas. En el escritorio, la firma puede empezar a sentirse hinchada dentro de los paneles de previsualización. En dispositivos móviles, puede quedar torpe, aplastarse o reducir su tamaño hasta que el texto se vuelva minúsculo. La documentación de soporte de Exclaimer señala específicamente que las plantillas demasiado anchas pueden estropearse en pantallas más pequeñas, y los diseños de ancho fijo pueden provocar problemas de escalado en dispositivos móviles.

‍

Tamaño de imagen de firma de correo electrónico: logotipos y fotografías

‍

Cuando las personas buscan tamaño de imagen de firma de correo electrónico, por lo general significan una de dos cosas: el logotipo o la foto del rostro.

Para un logotipo, mantén el tamaño que se muestra alrededor 120 a 200 px de ancho. Para la mayoría de los logotipos horizontales, 300 x 100 px debe tratarse como un techo rígido, no como un objetivo. La guía de Exclaimer incluye un ejemplo de 200 x 100 px, mientras que Newoldstamp sugiere usar alrededor de 100 x 100 px como referencia general para logotipos en firmas compactas. El número exacto depende de la marca, pero la regla básica es simple: el logotipo debe apoyar la firma, no dominarla.

Para una foto a la cabeza, usa 100 x 100 px si quieres un diseño compacto, o 150 x 150 px si la foto es una parte más importante del diseño. Cualquier cosa mucho más grande suele desperdiciar espacio horizontal que es mejor gastar en detalles de contacto legibles.

Esta es la parte importante que la mayoría de la gente pasa por alto: el tamaño mostrado y el tamaño subido no son lo mismo.

Las pantallas de alta densidad utilizan más píxeles físicos para mostrar el mismo tamaño de CSS. MDN explica esto de la siguiente manera Proporción de píxeles del dispositivo, y Litmus muestra su versión práctica por correo electrónico: si quieres que una imagen aparezca en 100 x 100 px, súbelo aproximadamente a 200 x 200 px y reducirlo en el HTML. Es la forma más fácil de mantener nítidos los logotipos y las fotografías de rostros en Retina y otras pantallas de alto DPI.

Por ejemplo:

‍

• Imagen de la cabeza mostrada: 100 x 100 px
• Imagen fuente cargada: 200 x 200 px
• Logotipo mostrado: 150 x 50 px
• Imagen fuente cargada: 300 x 100 px

‍

Dicho esto, los clientes de correo electrónico pueden resultar incómodos. Exclaimer documenta un problema común en el que algunos clientes devuelven una imagen a su tamaño original al responder o reenviarla si el archivo subido es más grande que el tamaño mostrado. Litmus también señala que es posible que Outlook necesite gestionar explícitamente el ancho y el ancho máximo de las imágenes de retina. Esta es exactamente la razón por la que el escalado manual de imágenes en el HTML de los correos electrónicos es tan frustrante.

‍

El tamaño del archivo es importante: por qué es importante el recuento de KB

‍

Las mejores dimensiones de firma de correo electrónico del mundo no ayudarán si la firma es demasiado pesada.

Litmus divide el peso del correo electrónico en dos partes: Peso HTML y peso cargado. El peso del HTML es el tamaño del código en sí. Loaded weight incluye todo lo necesario para procesar completamente el correo electrónico, incluidas las imágenes y las fuentes. Gmail recorta los mensajes cuando el HTML supera 102 KB, y Litmus recomienda quedarse por debajo 80 KB siempre que sea posible.

Por eso la regla más inteligente es la siguiente:

‍

• Mantenga el firma HTML de menos de 100 KB
• Mantener imágenes individuales de menos de 50 KB siempre que sea posible
• Evita íconos innecesarios, fotos gigantes y GIFs pesados

‍

Exclaimer recomienda mantener las imágenes de firma a continuación 50 KB, mientras que WiseStamp sugiere limitar las imágenes de firma y tratar 100 KB como límite superior.

Además, no confundas el recorte de HTML con el peso de la imagen. Litmus señala que el umbral de recorte de 102 KB de Gmail se aplica a la Código HTML, no los bytes de la imagen en sí mismos. Sin embargo, las imágenes grandes o sin comprimir siguen aumentando el peso de carga, ralentizando el procesamiento y creando una peor experiencia de usuario, especialmente en las conexiones móviles.

En cuanto al formato de archivo:

‍

• PNG suele ser mejor para logotipos, iconos y gráficos que necesitan transparencia o bordes nítidos.
• JPG o JPEG es mejor para fotos de cabezas e imágenes fotográficas.
• GIF puede funcionar para animaciones simples, pero se vuelve pesada rápidamente, así que úsala con cuidado.

‍

Si la imagen contiene texto, líneas nítidas o transparencia, el formato PNG suele ser más seguro. Si se trata de una foto real, JPEG suele ofrecer el mejor equilibrio entre calidad y tamaño de archivo.

‍

Optimización móvil: la regla de los 320 px

‍

Si ignoras los dispositivos móviles, estás diseñando tu firma para la pantalla equivocada.

Exclaimer recomienda 320 px es el ancho ideal para la firma de correo electrónico móvil, ya que las pantallas de los dispositivos móviles suelen tener entre 320 y 500 px de ancho. Newoldstamp señala lo mismo: si quieres que la firma se ajuste perfectamente a las pantallas móviles en formato vertical, es preferible que ronden los 320 px.

Esto es aún más importante porque Apple y Gmail dominan las aperturas de correo electrónico modernas. El informe de cuota de mercado de Litmus de enero de 2026 muestra a Apple en 46,56% y Gmail en 25,45%, y Litmus señala que casi El 90% de las veces abre informes como Apple o Gmail. Es un recordatorio inequívoco de que su firma debe funcionar en todos los ecosistemas controlados por teléfonos, no solo en un monitor de escritorio ancho.

Entonces, ¿qué debes hacer realmente?

En primer lugar, evita un diseño rígido, complejo y de varias columnas si la legibilidad móvil es importante. Si una firma de 600 px de ancho fijo simplemente se reduce para que quepa en un teléfono, el resultado puede parecer insignificante. Exclaimer incluso señala que algunos dispositivos iOS utilizan el comportamiento de ajuste a la pantalla, lo que puede hacer que las plantillas anchas y fijas parezcan muy pequeñas.

En segundo lugar, apile los elementos importantes verticalmente cuando sea necesario. Una firma apta para dispositivos móviles suele funcionar mejor de esta manera:

‍

Nombre
Título del puesto
Teléfono
Correo electrónico
Empresa
Logotipo o foto
Banner

‍

No es tan elegante visualmente como un diseño de escritorio amplio, pero es mucho más legible en un teléfono.

En tercer lugar, mantenga los enlaces fáciles de tocar y el texto lo suficientemente grande como para leerlo con el brazo extendido. Mailchimp recomienda específicamente diseñar teniendo en cuenta la compatibilidad con dispositivos móviles y hacer que los enlaces se ajusten a los pulgares.

‍

Tamaño del banner de correo electrónico

‍

Un banner puede ser útil, pero solo si es secundario al mensaje.

Cuando la gente pregunta sobre tamaño del banner de correo electrónico, tamaño del banner de firma de correo electrónico, o dimensiones del banner de correo electrónico, la respuesta más práctica es la siguiente: utilice un banner que coincida con el ancho de la firma y que sea relativamente poco profundo.

Una recomendación segura es 600 px de ancho y de 100 a 150 px de alto.

Ese número no es aleatorio. Exclaimer dice que los banners tienen un ancho máximo de 650 px y una altura máxima de 100 px funcionan bien y también recomienda tamaños de pancartas en 300 a 400 px por 70 a 100 px gama para implementaciones compactas. Newoldstamp sugiere un máximo de 700 px por 100 px, mientras que WiseStamp recomienda aproximadamente 500 px por 120 px. En conjunto, el consenso es claro: mantén los banners lo suficientemente anchos como para alinearlos con la firma, pero lo suficientemente cortos para que no se conviertan en la estrella del correo electrónico.

Si tu firma tiene 600 px de ancho, el tamaño del banner de tu firma de correo electrónico normalmente debería ser:

‍

• 600 x 100 px para una pancarta minimalista
• 600 x 120 px para una pancarta equilibrada
• 600 x 150 px como límite superior cómodo

‍

Cualquier cosa más alta empieza a parecerse más a un anuncio que a una firma.

‍

La solución fácil

‍

El mejor tamaño de firma de correo electrónico no se trata de hacer que todo sea más grande. Se trata de hacer que todo encaje.

Utilice 600 px como el ancho máximo de su escritorio. Diseña para Pantallas móviles de 320 px. Mantenga la altura total alrededor 150 a 200 px. Usa imágenes más pequeñas y optimizadas. Mantén tu HTML en 100 KB y tus archivos de imagen lo más ligeros posible. Si utilizas recursos de alto DPI, súbelos a 2x el tamaño de la pantalla para que se mantengan nítidas en las pantallas modernas.

No cabe duda de que puedes pasar horas redimensionando los logotipos, probando las peculiaridades de Outlook, comprimiendo pancartas y ajustando los atributos de ancho del HTML a mano.

O puedes usar Firma G.

‍

El escalado manual del HTML del correo electrónico es un quebradero de cabeza, especialmente cuando diferentes clientes gestionan el tamaño de las imágenes, la representación en retina, las respuestas y los reenvíos de forma diferente. Con GSignature, subes tus recursos y el generador te ayuda a optimizar automáticamente el tamaño de la imagen de las firmas de correo electrónico, el tamaño del logotipo de las firmas de correo electrónico, el tamaño del banner de los correos electrónicos y el tamaño general del pie de página de los correos electrónicos.

Crea una firma de correo electrónico del tamaño perfecto en 2 minutos. Deja que el editor maneje los píxeles por ti.

‍