¿Cómo comprimir mis imágenes para la web? 5 herramientas gratis alucinantes

Lunes, 17 Enero 2022 22:18

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.

¿Cómo comprimir mis imágenes para la web? 5 herramientas gratis alucinantes
 

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.

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

Online image tool para comprimir imágenes

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 para comprimir imágenes

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

Compressor para comprimir imágenes

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

Abraia para comprimir imágenes

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

Kraken para comprimir imágenes

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

Gimp para comprimir imágenes

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

https://www.estegrafico.com

Artículos relacionados:

Optimización Wordpress
CloudFlare y WordPress ¿por qué deberíamos usarlo en nuestro sitio web?
L. Javier Gil

Muchos clientes suelen preguntarme por el servicio de Cloudflare, si merece la pena configurarlo en nuestro sitio web, y cómo integrar Cloudflare con WordPress. Como suelo utilizarlo en los sitios web que optimizo, aquí te explico cuáles son sus beneficios.

CloudFlare y WordPress ¿por qué deberíamos usarlo en nuestro sitio web?
Optimización Wordpress
Cómo corregir los tiempos de carga lentos de una página web en WordPress
L. Javier Gil

El desempeño de un sitio web es un elemento clave en su diseño de experiencia de usuario, pero su medición y optimización depende de muchos factores. Repasamos los principales indicadores Lighthouse sobre un caso de estudio en wordpress.

Cómo corregir los tiempos de carga lentos de una página web en WordPress
Diseño Web
Causas básicas del funcionamiento lento de una página Web [Herramienta Gratis]
L. Javier Gil

Una página con velocidad de carga lenta genera molestia e incomodidad entre los visitantes y Google lo sabe. ¿Has detectado ya por qué tu website carga lento? Comprobemoslo! [Herramienta Gratis]

Causas básicas del funcionamiento lento de una página Web [Herramienta Gratis]
Diseño Web
Enamorados de las paletas de color
L. Javier Gil

Todos aman los colores. Los colores se encuentran entre los elementos más importantes de cada diseño y obra de arte. Como diseñadores, trabajamos con colores todos los días. Mira qué herramientas he encontrado para crear la paleta de color perfecta!

.
Enamorados de las paletas de color
Noticias de proyectos
Portal de noticias de farmacia
L. Javier Gil

Este trabajo es uno de los más importantes que he realizado para la editorial Ediciones Mayo. Esta editorial trabaja varios sectores en la comunicación de Salud. Su revista insignia en el campo de farmacia es la revista El Farmacéutico, con casi 40 años de historia.

Portal de noticias de farmacia