Imágenes de firma de correo electrónico HTML

Estoy creando una firma de correo electrónico HTML para un cliente...

Mi primera versión se creó usando imágenes de tamaño completo y estilo = "ancho: X" en el código HTML, que funcionó muy bien en mi Mac. Sin embargo, a Outlook no le gustó esto y las imágenes aparecían en tamaño completo.

Mi segunda versión se hizo usando imágenes que creé en el tamaño correcto. es decir, el logotipo de Twitter que creé en AI era 25px X 25px. Todas las imágenes se muestran perfectamente en Outlook. Sin embargo, la calidad no se ve muy bien.

¿Alguien puede sugerir cómo puedo hacer que una imagen sea pequeña, pero de alta calidad? Intenté modificar el DPI, pero eso hace que el tamaño de la imagen sea más grande nuevamente.

FYI likeable.co.nz/… <-- Estoy totalmente de acuerdo con este artículo. Utilizo correo electrónico de texto sin formato , cualquier HTML siempre es spam... ese bonito logotipo nunca se ve como algo más que un archivo adjunto molesto y repetido con todos y cada uno de los correos electrónicos que recibo.
@Scott Aunque también estoy de acuerdo con eso, creo que a EmmaJ le vendría bien cierta información sobre la exportación de imágenes para correos electrónicos, ya que tienen un uso más amplio que las firmas de correo electrónico mencionadas específicamente. Creo que otros también podrían beneficiarse de esta pregunta :)
@ JaneDoe1337 solucionar problemas de Outlook es como intentar que IE6 comprenda el diseño web moderno... en mi opinión, es una tontería. En :)algún momento, uno debe aceptar que la herramienta en sí está tan obsoleta y limitada que simplemente no puede manejar ese genio bang lo que quieres hacer.
@Scott, siento que te estás perdiendo la esencia de la pregunta, la perspectiva no es la raíz del problema aquí. El usuario menciona DPI como una posible solución para el problema. Cargar imágenes de tamaño completo también es una mala idea, como señalé en mi respuesta.
@JaneDoe1337 Estoy con Scott aquí. Los logotipos en las firmas de correo electrónico se vuelven molestos en muy poco tiempo, y Outlook en particular es vehementemente recalcitrante para hacer frente a cualquier cosa que no sea texto ligeramente estilizado. El cliente (siempre que haya uno) necesita hacer frente a un logotipo pequeño y estable o no utilizar uno. Aprender a volver al cliente y decirle "Lo siento, no puedes tener eso" es una habilidad en sí misma.
@LaurenIpsum Creo que no estoy logrando expresar mi punto ya que no estoy en absoluto en desacuerdo con Scott. Estoy tratando de decir que OP carece de información básica que podría ser valiosa para muchas cosas además de las firmas de correo electrónico. Feliz de discutir más en el chat aunque :)
@ JaneDoe1337 Entiendo lo que está viendo. Creo que simplemente estoy viendo el "logotipo de Twitter", por lo que creo que los problemas de resolución de imagen son secundarios en general. Para mí, el problema principal es Outlook en sí mismo, luego el hecho de que es un "logotipo" innecesario. Si la pregunta fuera sobre una imagen de banner en un correo electrónico o una imagen de fondo, mi opinión puede ser diferente. He tenido que decirles específicamente a los clientes... "Elija uno... soporte para iOS/Android O soporte para Outlook, no puede tener ambos".
Soy muy consciente de que muchas personas no están de acuerdo con las imágenes en las firmas de correo electrónico, pero a mí realmente me gustan, al igual que a mis clientes. Preferiría que un puñado de personas pensara que mi firma de correo electrónico era "demasiado cargada de imágenes" o "spam" a que todos los demás se perdieran mi logotipo y los enlaces de las redes sociales, que realmente ayudan a aumentar el conocimiento de mi marca. Cualquier consejo sobre cómo puedo hacer que mis imágenes sean más nítidas en un tamaño pequeño sería muy apreciado.

Respuestas (1)

En el marketing por correo electrónico o simplemente en los correos electrónicos en general, nunca desea imágenes de tamaño completo. Incluso si pasara por los filtros de correo no deseado (que son muy fáciles de activar en correos con muchas imágenes), las personas abren estas cosas en sus teléfonos, con datos móviles, etc., lo que puede ser muy molesto para el usuario.

DPI se usa solo en la impresión, no importa con los gráficos de pantalla. Solo importa la cantidad de píxeles. En AI, asegúrese de usar la funcionalidad 'exportar para pantallas'. Puede cambiar la escala de su imagen allí en caso de que necesite exportar múltiples escalas o diseñar más grande que lo que necesita exportar. Más información sobre eso se puede encontrar aquí .

En cuanto a qué extensión de archivo usar, creo que esta es una gran fuente que enumera los pros y los contras de cada tipo de archivo.

Gracias, ¡esa es una respuesta realmente útil! Intentaré exportar para pantallas. Logré que las imágenes vectoriales tuvieran el tamaño correcto, pero también perdieron calidad en gran medida cuando las hice más pequeñas. ¿Tengo razón al pensar que si uso las imágenes grandes pero las reduzco, la calidad será mejor? ¡Muchas gracias!