El uso de las imágenes en los sitio y servicios sociales es muy indispensable. Hay quienes se preguntaban si es mejor una imagen con alta resolución o una que cargue rápido. Yo creo que encontrar el balance entre la calidad y la rapidez es lo más importante, para lograrlo debes utilizar herramientas que te permitan optimizarlas.
Existe un interesante caso de estudio que realizó una comparación entre el formato JPEG vrs BMP vrs PNG vrs GIF una de las conclusiones apunta a favor del formato .GIF y en segundo lugar el formato .PNG pero estoy segura que muchos no desprecian el .JPEG será cuestión de funcionalidad.
Optimiza tus imágenes
- Shrink O´Matic: una aplicación desarrollada en AIR que te permite optimizar imágenes JPG´s, GIF´s y PNG´s. Puedes descargar.
- RIOT: comprime tus imágenes con está opción en su versión actual de 0.3.3, maneja formatos JPEG, GIF y PNG. Una herramienta lista para descargar.
- Image Optimizer: una opción en línea que te permite subir la imagen que deseas comprimir y te brinda opciones de tamaño, realiza la compresión y puedes descargar la imagen comprimida.
- SuperPNG: es un plugin libre de Adobe Photoshop, disponible para Mac y Win funcional con Photoshop 5.5 y After Effects 4.0.
- Image Optim: una herramienta para optimizar imágenes para Mac trabaja con formato PNG y JPEG. Descarga la versión Image Optim 1.2.0 Leopard.
- PNGpong: si eres usuario de Mac la opción que te permite trabajar con tus imágenes de forma efectiva.
- SuperGIF: como su nombre lo indica es una aplicación que trabajar con imágenes de formato GIF. Disponible para Mac y Win.
- DynamicDrive: nos ofrece otra alternativa en línea en donde puedes subir tus imágenes .GIF, JPEG o PNG y optimizarla con un límite de 300 KB.
¿Cómo optimizas tus imágenes?
Para optimizar imágenes yo utilizaba la opción de Photoshop para la web y luego también utilicé Fireworks siendo este último una genial herramienta para las imágenes importadas para la web. Sin embargo, me sorprende como cada vez dependo menos de las opciones tradicionales y me apoyo por facilidad en este tipo de herramientas.
Como siempre, cada uno tiene su propio método y utiliza las herramientas que considera más útiles, me gustará conocer cuáles utilizas para brindar más opciones así que cuéntame ¿cómo optimizas tus imágenes?
Yo utilizo la opción “Guardar para web y dispositivos…” de Photoshop, en PNG-24 se obtienen los mejores resultados, pues reduce el peso de manera increíble. Y si no parece haber mucha reducción de peso se puede usar la opción PNG-8; pero no la recomiendo para imágenes grandes, pues la optimización se nota bastante en la pérdida de calidad de color.
El formato .JPEG lo tengo completamente descartado para mis páginas, pues al perder calidad se desenfoca en vez de perder colores, y no hay nada más obvio y molesto para mí que un desenfoque.
Olvidé agregar, que la opción PNG-24 reduce el peso de las imágenes, pero NO su calidad
eso es lo que me hace preferirlo ante el .gif y el .jpg…
Bueno, espero que algun dia se SVG el formato para la web, es agil, confiable, y es muy libiano XML en su maxima expresion
@Bobert, gracias por las recomendaciones en efecto concuerdo contigo en el uso del PNG24, saludos!
@Carlos, comprendo lo que dices, aunque para muchos existen buenos formatos para utilizar actualmente.
Bueno, se te olvido mencionar uno que es multiplataforma, que a mi me gusta usar que es el GIMP, sobre todo que lo puedo utilizar en los tres OS que uso, es decir en Ubuntu, MacOS y Windows XP, asi en ese orden.
Saludos.
Para PNG, me gusta mucho PNGOutWin, en su día hablé de él en http://guti.bitacoras.com/index.php?entry=entry060506-133910
Para JPEG, y GIF, me conformo con Adobe Fireworks o Adobe Photoshop.
Para bajar las imágenes de peso, cambiar la resolución pudiendo exportarlas a jpg, png,… utilizo el Faststone.
A mi me va de perlas.
http://www.faststonesoft.net/DN/FSViewerSetup39.zip
Yo si es exclusivamente para trabajar ajustando tamaño y peso, sin retoque, utilizo una herramienta gratuita, Fotosizer. Que me permite trabajar con múltiples imágenes simultáneamente.
Un saludo.
Yo uso xn-view, rápido y fácil de usar: http://www.xnview.com/
Yo uso Advance JPG Compressor, es bueno y tiene varias opciones, ademas de comprimir multiples imagenes.
Gracias, por los comentarios,son de mucha ayuda,e interesantes
Yo nunca he optimizado una imagen, asi que gracias por abrirme los ojos ;).
El artículo va a mis favoritos 😛
que buena la de png24, nunca la habia usado, siempre png8, ahora instalo un programa en Adobe Fireworks se pueden optimizar las PNG, me baje hoy el logo de firefox es una imagen de 1233×1233 png32 y pesa solo 500kb y en las propiedades dice que fue exportada con ImageReady, hoy suplantado por Fireworks. Esa misma imagen la exporte con otro soft y pesa cerca de 900kb, o sea que si es bastante la reduccion.
hasta ahora he usado corel y también el PNGOutWin, pero vamos avanzando con Adobe Fireworks.
Después de buscar por todos lados y probar diferentes técnicas y programas me topé al fin con un programita para los png, para mi optipng es la mejor opción, se usa de forma fácil y rápida desde la línea de comandos (yo uso linux, no sé si está para window$ :S) solo basta optipng o5 fichero.png y ya está!!!!!
Claro que no está de más usar otras técnicas antes de utilizar optipng.
Saludos
[…] Herramientas para optimizar tus imágenes. [Maestros del Web] […]
Yo uso Image Rezise una pequeña utilidad de los Power Toys (de Microsoft!) que redimensiona y aliviana imagenes con un par de clics.
Los resultados son bastante buenos, y su uso es a prueba de niños.
se integra al menu contextual de windows, es decir, cada vez que haces clic derecho a una imagen, te da la opcion “image resize…”
luego eliges el preset de tamaño y listo. Por ejemplo puedes alivianar una imagen de 2MB a menos de 100KB con muy buen resultado y sin complicaciones.
si los presets no bastan, puedes personalizar el tamaño. nunca te borra el original, pues se encarga de renombrarlo, y ademas puedes hacer redimensionamiento masivo con los mismos 2 clics.
La utilidad es muy liviana, de lo poco que tiene bueno Microsoft, y es bastante desconocido.
Soprendí a un amigo diseñador, que no podia vivir sin Photoshop para este proceso.