El blog del e-mail marketing RSS 2.0
 Thursday, May 15, 2008

En mi post anterior os hablé sobre formatos de imagen recomendados para email y web de cara a una mejor optimización de la web y velocidad de descarga. Bien pues debes saber que el tamaño en píxels también va a afectar y mucho al peso del archivo final, así que debes tener cuidado con esto.

Para ello deberías evitar imágenes de 3000px de ancho y 2 mb de peso (si, ya sé que tu nueva cámara web te permite sacarlos de un tamaño incluso mayor, pero créeme, ¡no te hace falta!) Un ancho de unos 200 píxeles es más que suficiente para una pequeña imagen acompañando tu artículo.

Para cambiarle el tamaño a una imagen lo mejor es que uses un editor de imágenes como Photoshop, Fireworks, Photopaint o theGimp (éste además es gratuito). Nunca le cambies el tamaño a las imágenes en el editor de html (como Dreamweaver) o usando los atributos de html o propiedades de CSS, ya que así sólo cambias el tamaño de representación, pero el peso del archivo será el mismo.

Ya sé que pensar los tamaños en píxels puede resultar lioso al principio, porque además va a variar según la resolución de tu monitor, así que he creado esta retícula en píxels a tamaño real para que te hagas una idea de los intervalos de medidas en los que deberías moverte para no sobrecargar ni tu web ni tus e-mails:

Optimizar tamaño de imágenes para email y web

Bonus: Herramientas para medir imágenes en el navegador

  • Measure It: Extensión para Firefox que funciona como una regla sobre la pantalla.
  • Design: Un bookmarklet de Allan Jardine muy útil para medir y trabajar sobre retículas.

¿Y tú? ¿Conoces algún otro truco u herramienta útil?

Por: Pablo Iglesias | Thursday, May 15, 2008 8:05:14 PM (Hora de verano romance, UTC+02:00)  #    Comments [0] - Trackback
Tags: PRÁCTICOS
Tracked by:
"Programa sencillo y gratuito para redimensionar imágenes" (The eMailing Experie... [Trackback]
"http://www.theemailingexperience.com/ES/PermaLink,guid,74dd7b89-d0ab-42a5-97c3-... [Pingback]
mailcast
Name
E-mail
Home page

Comment (HTML not allowed)  

Enter the code shown (prevents robots):

Live Comment Preview
PUEde acceder a este blog desde su mvil o PDA

Sign In

Send mail to the author(s) Contacto
© 2008, (c) krasis Consulting S.L.