Cómo optimizar imágenes para tu website y tus emails

15 mar

Un paso importante y fácil: preparar las fotos de tu negocio para usarlas en tu website y tus emails. Solo tienes que escoger tu programa de preferencia (recomendamos Canva Pro o Photoshop), recorta o crop, optimiza su tamaño y exporta. A continuación te dejamos nuestra guía, paso a paso.

Si estás trabajando con Éter Estudio para tu website o emails, nosotros nos encargaremos de optimizar tus fotos e imágenes siguiendo las mejores prácticas de la industria — solo tienes que preocuparte por entregarnos imágenes en alta resolución, sin importar cuán grande sean.

Preguntas comunes

¿Qué quiere decir “optimizar”?

Por “optimizar” nos referimos a digitalmente comprimir y recortar una imagen al tamaño que necesitamos según el medio donde irá sin reducir su calidad, ya sea para por ejemplo un producto o una imagen de ancho completo en nuestro website o un logo en un email

¿Por qué debo optimizar mis imágenes?

Optimizar las imágenes que utilizas a través de tu website ayudará a que este opere más rápido, lo cual es esencial para SEO (“optimización para motores de búsqueda”, por sus siglos en inglés), lo cual mejora el desempeño de tu website en Google y otros motores de búsqueda.

En cuanto a emails, optimizar las imágenes puede hacer que tus emails sean más rápidos y fáciles de abrir y ver, y puede contribuir a que tus emails no sean marcados como spam. A nadie le gusta esperar más de 5-10 segundos que abra un email…

También puede ayudar que tu website o emails se vean limpios, pulidos y profesionales.

¿Cuál programa debo usar?

¡Todo depende de tu preferencia! Canva Pro es excelente opción, sobre todo para quienes ya lo acostumbren a usar y entienden su valor ($72/año; su versión gratis no nos permite reducir el peso de imágenes ni accesar toda su biblioteca de imágenes y plantillas). Ante la duda, recomiendo intentar su prueba gratis de 30 días.

Si tienes conoces Photoshop, también es una tremenda opción – es lo que usamos en el estudio para optimizar imágenes y mil cosas más.

¿A qué tamaño debo recortar o crop mi foto?

Para websites:

16:9 (horizontal), para imágenes del ancho completo del website
5:4 (horizontal), 3:2 (horizontal) o 1:1 (cuadrado), para imágenes de productos (escoge una sola opción para todas las imágenes, para crear uniformidad)
Para websites, es preferible usar imágenes horizontales o cuadradas, para mejor experiencia del usuario

Para emails:

16:9 o 3:2 (ambos horizontal), para toda imagen
Para email, es preferible usar imágenes horizontales, para mejor experiencia del usuario, sobre todo desde dispositivos que no sean móviles

¿A qué calidad y peso debo exportar mi imagen?

Para websites, la regla general es que imágenes no deben pesar más de 200-300 KB a una resolución de 72 dpi, y medir:

2000px de ancho, para imágenes del ancho completo del website
1600px de ancho, para imágenes grandes, pero que no tomen el ancho completo del website
1000px en su medida más grande, para imágenes de productos y cualquier otra imagen

Para emails, la regla general es que imágenes no deben pesar más de 100 KB a una resolución de 72 dpi, y medir: