¿Cómo optimizo mis imágenes para la web?

Una de las preguntas que me hacen con más frecuencia es ¿Cómo puedo utilizar los gráficos de forma eficaz en mis publicaciones? o alguna variación del mismo. Muchos blogueros principiantes quieren usar la imagen más grande posible en sus publicaciones, los bloggers más experimentados saben cómo usar imágenes más pequeñas pero aún quieren saber cómo hacer que esas imágenes se carguen más rápido. Eso es lo que quiero contarles hoy: optimizar sus gráficos (sean fotos o no) para la web.

¿Por qué incluir gráficos en las publicaciones?

En el artículo de Elise Bauer Cómo generar tráfico de blogs: contenido, ella sugiere que los bloggers incorporen gráficos simplemente porque “. . .la gente los quiere. Los gráficos y las fotografías pueden ayudar a acentuar o ilustrar sus puntos. También rompen la monotonía del texto y alivian los ojos cansados ​​de leer en línea “. Independientemente de cuál sea su nicho de blogs, en algún momento querrá incluir gráficos de algún tipo. Cuando lo haga, querrá asegurarse de que esos gráficos estén optimizados para la web.

¿Qué quieres decir con “optimizar”?

Optimizar un gráfico para la web simplemente significa comprimir sus datos para que el archivo sea más pequeño y se cargue más rápido. Cuando toma una foto digital, por ejemplo, hay mucho ruido incluido en ese archivo digital que no es necesario para ver la foto. Puede eliminar ese ruido y, por lo tanto, hacer que el archivo sea más pequeño, simplemente eligiendo “Guardar para web” en su software de edición de gráficos (por ejemplo, Photoshop Elements o Gimp). Si no tiene esa opción en su software, guarde el archivo en el formato apropiado: JPG, GIF o PNG (que se describen a continuación) y elija el tamaño de archivo más pequeño en ese formato. Al optimizar sus gráficos, estará optimizando el tiempo de descarga de su sitio (es decir, se cargará mucho más rápido). Tus lectores te lo agradecerán.

¿Qué tamaño debe tener el archivo?

En 1995, cuando estaba diseñando sitios web, intentamos mantener el tamaño de archivo de cada gráfico por debajo de 26k. Por supuesto, en ese entonces, la mayoría de la gente usaba conexiones de acceso telefónico a la web. En estos días, con la banda ancha tan prevalente, sería aceptable mantener cada gráfico a menos de 50 kilobytes. Entiendo que a veces eso no es posible. En algunos casos, puede valer la pena publicar un archivo más grande. Una opción sería hacer una miniatura de la imagen (quizás 300 píxeles por 300 píxeles o menos) y vincularla a la imagen más grande.

¿Debo usar JPG, GIF o PNG? ¿Y cuál es la diferencia?

Los tres formatos más comunes para gráficos son JPG, GIF y PNG. Cada uno de estos formatos de archivo se usa mejor para un tipo específico de gráfico: JPG se usa para fotografías, PNG o GIF se usa para todo lo demás. ¿Por qué? Debido a que un archivo JPG puede contener millones de colores, los archivos GIF solo se pueden guardar como una imagen de 8 bits, lo que significa que contiene hasta 256 colores. Los archivos PNG se crearon para reemplazar el formato GIF y se pueden guardar como imágenes de 8, 24 o 64 bits y son aproximadamente un 20% más pequeños que una imagen GIF. Puede leer más en Beneficios del formato de imagen PNG.

Otras lecturas:

Se publicó una versión de este artículo en BlogHer.com.