Navegando la red últimamente me he encontrado con estas herramientas de compresión de imagen. Si eres un nerd de la optimización web esto te va a encantar.
Si trabajas con un website estarás acostumbrado a manejar imágenes e incluirlas en tus artículos, páginas de aterrizaje, portafolio... y hasta en cualquier rinconcito de código de tu web... Sabrás también que el peso de las imágenes es un factor determinante en el tiempo de carga de tu página web y que ajustar (escalar y comprimir) tus imágenes es una de las prácticas básicas de optimización web que debes tener en cuenta si quieres que tu web cargue así como Hussain Bolt corriendo por un buen desayuno.
Índice de contenido del artículo
Los principales formatos de archivo de imagen que encontrarás son:
- .jpg
- .png
- .gif
Voy a explicarte por encima en qué consisten y centrarme en el manejo práctico de compresión de este tipo de archivos.
1. Imágenes tipo JPEG
Son mapas de bits, el algoritmo JPEG reduce el peso de los archivos creando macro bloques o macro píxeles. Por lo general es el más utilizado para fotografías. No admite capa alfa o transparente.
2. Imágenes PNG
Las imágenes PNG se reducen o comprimen mediante una técnica llamada "Cuantización". Reduce la cantidad de colores distintos en la imagen, generalmente con la intención de que la nueva imagen sea lo más similar posible visualmente a la imagen original. Este formato de archivo va muy bien para comprimir gráficos.
3. Imágenes Gif
Es muy parecido al .png, con parámetros de profundidad de hasta 256 tonos de la paleta RGB y soporta animación, también podremos reducir la cantidad de colores para aumentar la compresión.
4. Herramientas para reducir tamaño de las imágenes o comprimir fotos sin perder su calidad visual
Aquí paso a mostrarte la lista de herramientas gratis para comprimir imágenes:
4.1. Online Image Tool
Esta herramienta me ha gustado porque te permite comprimir grandes lotes de imágenes en segundos sin ningún límite en el tamaño de los archivos de imagen o en el número de imágenes. Es gratis y tiene una vista muy práctica para que compruebes en tiempo real la compresión que se le va a a aplicar a la imagen, la reducción en Kb y cómo va a quedar tu imagen. Lo mejor es que es gratis. Ir a la página
4.2. Tiny PNG
TinyPNG utiliza un algoritmo de compresión con pérdida para reducir el tamaño de archivo de sus archivos WEBP, JPEG y PNG. Puedes comprimir gratis hasta 20 imágenes, cada imagen de tamaño máximo 5Mb y tiene una versión de pago para exprimir al máximo sus características. Sale un panda por todos lados. Te puede ayudar a reconocerlo. Si usas Wordpress o Magento y necesitas una solución de compresión para todo el sitio en bloque, puedes consumir su API o tutilizar su plugin gratuíto para comprimir sobre la marcha cualquier imagen que subas a tu Wordpress. Ir a la página
4.3. Compressor.io
Con una interfaz de usuario muy atractiva y práctica, esta herramienta te permite comprimir hasta 10Mb de imágenes de nuestro computador en bloque. Tiene una característica que puedes probar y es que te permite seleccionar entre compresión lossy (Buena reducción de peso y sin pérdida de calidad aparente a la vista) o loseless (Menos reducción pero sin pérdida de calidad, indicado para imágenes de alta resolución o fotografía y formatos para impresión.). Ir a la página
4.4. Abraia.me
Con esta herramienta online podrás hacer muchas más cosas que solamente comprimir imágenes. Abraia.me tiene una serie de herramientas de edición de imagen y publicación que pueden ayudarte mucho en tu día a día con el manejo de imágenes. La herramienta te permite poner marcas de agua, editar en bloque imágenes y videos (escalar y recortar incluídos). Abraia (Smart web Image and Video Optimization) posee tanto una versión gratuita, como varios planes especiales de pago, según el tamaño de nuestras paginas o eCommerce y también tiene módulos o plugins para PrestaShop, WP, Shopify y Magento. Ir a la página
4.5. Kraken.io
Es una herramienta interesante también. El proyecto parece más nuevo y va súper rápido. Kraken te permite comprimir tus imágenes en lote y te permite descargar un zip con todas tus imágenes comprimidas. También tiene un servicio de pago y la opción de descargar sus plugins para magenteo y Wordpress. En la versión de pago puedes pegar una lista de URL de imágenes en un área de texto simple y Kraken.io las descargará todas, las optimizará y te devolverá un archivo ZIP. No suena mal verdad? La Interfaz web es gratis, yo la he probado y va de maravilla. Ir a la página
4.6. Gimp
Esta puede ser la mejor opción si quieres tomarte tu tiempo y necesitas una herramienta de edición y compresión definitiva de imágenes. Gimp es el photoshop gratis. Salvando las distancias, obviamente. Es una herramienta muy completa y para lo que te va a costar creo que merece la pena una mención. Con ella podrás utilizar los algoritmos de compresión de imagen más populares para web. Hay versión Windows y Mac. Si no tienes nada instalado para realizar esta función estás frente a la mejor opción. Ir a la página
Si este artículo te pareció interesante, compártelo en las redes sociales!
L. Javier Gil
Programador web Freelance.
Ingeniero en Telecomunicaciones.
Comparto curiosidades y noticias del mundo digital desde el corazón de Chapinero, en la lluviosa Bogotá, o desde un rinconcito de la vieja España llamado Benavente.
Blog de Este Gráfico