Anuncio
Las imágenes forman parte integral de la web en estos días. Y resulta que las imágenes son una de las razones más comunes de tiempos de carga de página lentos. Con un montón de dispositivos móviles que acceden a Internet y las recientes sugerencias de que la velocidad de carga de su sitio afectaría su rango en Google, definitivamente querrá eliminar este cuello de botella.
Una de las formas de optimizar las fotos para la web es usar sprites CSS. Los sprites funcionan mejor para imágenes que se usan dentro de la navegación u otros elementos del sitio, que seguirán siendo las mismas más o menos. La otra opción es optimizar el tamaño de la imagen alterando la cantidad de información contenida en las imágenes, comprimiéndolas y eliminando los metadatos innecesarios.
Estas son algunas de las opciones que puede usar para optimizar imágenes para la web.
Use su editor de imágenes
La mayoría de los editores de imágenes tienen una o más formas de optimizar imágenes para la web. Photoshop y GIMP le permiten elegir la calidad del archivo guardado que se puede utilizar para controlar el tamaño del archivo. Además Photoshop también ofrece un
guardar para web característica, que no solo optimiza el tamaño, sino que también se ocupa de los perfiles de color para que los colores de sus imágenes se vean iguales en la pantalla como usted lo desea.Desarrollado por Yahoo, Smush. Analiza el formato de archivo del archivo de imagen específico que está intentando optimizar y luego aplica las optimizaciones específicas para ese formato de imagen en particular. Gran cosa sobre Smush. Es que no altera la calidad de la imagen. Cargas las imágenes que deseas optimizar, Smush. Los procesa y devuelve los resultados en un archivo zip descargable.
Optimizador de imagen en línea [ya no está disponible]
Online Image Optimizer le permite cargar una imagen gif, jpg o png de 300 KB o menos y optimizarlas. Simplemente elija una imagen de su computadora, cárguela y Online Image Optimizer hará el resto por usted. Le presenta varias versiones diferentes de la imagen junto con el tamaño y la vista previa opcional. Dependiendo del propósito del uso de la imagen, puede elegir entre un conjunto de opciones. Existe una degradación evidente en la calidad de la imagen en las imágenes de muy bajo tamaño. Opcionalmente, Online Image Optimizer también le ofrece la opción de convertir el formato del archivo de imagen a un GIF, JPG o PNG.
Trituradora PNG
PNG Crusher es una aplicación para Mac. Como su nombre indica, se especializa en la optimización de archivos PNG. La aplicación le ofrece una especie de contenedor que le permite arrastrar y soltar archivos PNG en él. Luego, los archivos se comprimen utilizando OptiPNG como back-end. El sitio señala que algunos PNG ya están bastante optimizados y la trituradora de PNG no puede hacer mucho con ellos. Los archivos PNG se reemplazan con las versiones optimizadas solo si los archivos comprimidos son más pequeños que los originales.
GIFWorks
GIFWorks realiza una serie de operaciones en archivos GIF. Puede cargar una imagen desde su computadora o especificar una URL web y luego editar el archivo GIF, agregar efectos de transición entre cuadros y optimizar la imagen GIF. GIFWorks le ofrece tres opciones para optimizar las imágenes GIF para la web, puede reducir los colores, restringir la paleta a solo colores seguros para la web, o dividir los marcos para elegir cuáles elegir mantener. Además, GIFWorks también te permite crear texto en 3D desde cero.
[YA NO FUNCIONA] PunyPNG
PunyPNG le permite optimizar imágenes GIF, JPG y PNG para la web al convertirlas en archivos PNG comprimidos. Hay una pérdida de calidad mínima o nula durante el proceso de compresión y los resultados son excelentes. El sitio requiere flash y tiene un límite de tamaño de archivo máximo de 350 KB.
¿Qué aplicaciones utilizas para optimizar imágenes para la web? Háganos saber todo sobre ellos en los comentarios.
Soy Varun Kashyap de India. Me apasionan las computadoras, la programación, Internet y las tecnologías que las impulsan. Me encanta la programación y a menudo estoy trabajando en proyectos en Java, PHP, AJAX, etc.