20 herramientas para reducir el tamaño y comprimir fotos sin perder calidad de imagen

Una buena práctica antes de subir una imagen a tu página web o blog es intentar reducir el tamaño de las fotos (comprimir fotos), ya que esta afecta de manera directa a la velocidad de carga que tiene nuestro sitio web.

También te podría interesar:

Códigos CSS y HTML para WordPress [+trucos]. Colores CSS para personalizar tu página web o blog

Cómo crear una cuenta de Facebook y una Página de Empresa para tu negocio [2018]

Qué es un Community Manager, qué hace y cuáles son sus funciones + Plantillas Descargables en Excel

Por qué es tan  importante comprimir fotos para una web o Blog

  • Afecta a la velocidad de carga o page speed de nuestra página web.
  • Mejora la experiencia de usuario que tienen nuestros visitantes.
  • Mejora el posicionamiento web de tu página web o Blog.
  • Reduce el consumo de recursos de nuestro servidor.
  • Reduce el coste de nuestro CDN.
  • Ocupan menos espacio en el hosting web.

 

Extensión y tipos de imágenes

Los formatos de imágenes y fotos más utilizados en cualquier página web y blog son:

1.- JPG. Este formato lo utilizaremos en la mayoría de ocasiones excepto en las imágenes vectorial o del tipo “flat design”.

2.- PNG. Este formato lo utilizaremos para imágenes vectoriales y para las infografías vectoriales.

3.- GIF. Particularmente no soy muy partidario de añadir GIF, suelen ser muy pesados en tamaño y creo que no aportan demasiado valor, pero sigue siendo un formato muy utilizado sobre todo en las Redes Sociales, que ahí sí que le veo mucho valor y sentido, pero no en un Blog o página web.

4.- SVG. Un formato vectorial que se está comenzando a utilizar cada vez más pero aún su uso no está muy extendido.


Te recomiendo leer:

25 Mejores Bancos de Imágenes Gratis de Alta Resolución

20 Páginas para subir imágenes gratis a Internet

Súper Guía para crear y optimizar imágenes y fotos para un Blog o Página Web


 

 

Cómo comprimir fotos y reducir el tamaño de las imágenes sin perder calidad

 

11 herramientas online para comprimir tus imágenes

1.- TinyPNG

tiny png

Herramienta online gratis con la que podemos reducir el tamaño de cualquier imagen de una manera fácil y sencilla.

Ventajas de la herramienta

  • Podemos comprimir 20 fotos a la vez.
  • Herramienta online 100% gratis.
  • La relación calidad/tamaño es muy buena.
  • Conserva las transparencias después de realizar compresión.

Desventajas de la herramienta

  • No podemos comprimir imágenes de más de 5 MB.
  • No disponemos de una pre visualización, por lo que no sabemos si la calidad resultante es la que esperamos.
  • No podemos realizar ajustes en el tipo de compresión porque es automática.

2.- Compress Jpeg

comprimir jpeg

Una herramienta online con la que podemos comprimir varias imágenes al mismo tiempo.

Ventajas de la herramienta:

  • Podemos comprimir 20 fotos a la vez.
  • Herramienta online 100% gratis.
  • La relación calidad/tamaño es muy buena.
  • Podemos arrastrar las imágenes desde una carpeta.
  • Tenemos una pre visualización de la imagen comprimida.
  • Podemos modificar los parámetros de compresión lo que hacen que sea una herramienta para comprimir imágenes fantásticas.

Desventajas de la herramienta

  • La página abusa un poco de la publicidad.

3.- Compressor IO

compressor io

Una herramienta para comprimir imágenes muy completa, ya que lo tenemos prácticamente todo en una herramienta y con un manejo súper sencillo e intuitivo.

Ventajas de la herramienta

  • Herramienta online 100% gratis.
  • La relación calidad/tamaño es muy buena.
  • Tenemos una pre visualización de la imagen comprimida.
  • Podemos modificar los parámetros de compresión de manera muy intuitiva ya que solo tenemos que arrastrar el ratón para indicar el nivel de compresión.

Desventajas de la herramienta

  • Solo se pude comprimir una sola imagen.
  • Tiene un límite de archivo máximo de 10 MB.

 

 4.- Jpeg Optimizer

Con esta herramienta podrás optimizar y comprimir fotos, así como también podrás editar el tamaño de las imágenes.

Como puedes ver en este ejemplo, la imagen se va a reducir un 91,5% de su tamaño real, lo cual es una auténtica pasada.

image optimizer

 

5.- Optimizilla

Una herramienta muy sencilla y fácil de utilizar, y con la que podrás comprimir imágenes sin perder calidad.

Podremos llegar a comprimir hasta 20 fotos y luego descargar en formato zip todas las imágenes.

optimizilla

 

6.- Kraken.io

Con esta herramienta online podrás comprimir imágenes sin perder calidad.

A favor tiene que puedes comprimir un número ilimitado de fotos, siempre y cuando el tamaño del archivo no sea superior a 1 Mb.

La versión profesional de la herramienta nos permite el poder cambiar y editar el tamaño de las imágenes.

Podrás importar imágenes desde dropbox y google drive. Puedes elegir entre 3 formatos de compresión.

kraken

 

7.- Resize Photos

Herramienta muy sencilla de utilizar con la que podrás comprimir fotos sin perder calidad y reducir el tamaño indicando el ancho en píxeles.

resize photo

 

8.- Compress Photos

Una herramienta muy sencilla con la que podrás reducir el tamaño de tus fotos de manera rápida y alcanzando una compresión del 90%.

compress photo

 

9.- Convert Image

Una completa herramienta con la que podrás comprimir tus fotos y luego exportarlo a un gran número de formatos como son BMP, GIF, ICO, PCX, PDF, PNG, PSD, o TIF.

El funcionamiento es muy sencillo, elige el tipo de compresión de la imagen de 1 a 100 y luego podrás descargar la imagen en el formato que más te interese.

jpeg image compression

 

10.- ImageOptim

Una herramienta muy profesional para comprimir tus fotos sin perder calidad de imagen.

image optim

 

11.- Puny PNG

Herramienta muy sencilla de utilizar y con la que podrás comprimir y reducir el tamaño de tus fotos, hasta un total de 20 imágenes al mismo tiempo y soporta los formatos de imágenes JPG, PNG y GIF.

Si te registras en la página tendrás acceso a funcionalidades más avanzadas de la herramienta.

punypng

 

5 Herramientas offline para comprimir imágenes

1. PNGGauntlet (Windows, Mac, linux)

Herramienta gratuita que podrás instalar en tu ordenador comprimir fácilmente tus fotos y creaciones visuales.

Convierte y comprime los formatos  JPG, GIF, TIFF y PNG.

Los resultados de compresión que se obtienen son bastantes buenos y todo ello sin perder calidad de imagen.

PNGGauntlet

 

2.- IrfanView (Windows)

Esta herramienta solo la podrás utilizar en ordenadores con Windows y te ofrece una buena calidad de imagen y de compresión.

Acepta prácticamente todos los formatos de imagen actual como BMP, ECW, EMF, FSH, GIF, ICO, TGA, PNG, JPG, etc.

IrfanView

 

3.- Caesium (Windows)

Herramienta gratuita para comprimir tus fotos e imágenes antes de subirlas a tu página web o Blog.

Es muy fácil de utilizar, y además de comprimir las imágenes podremos editarlas y cambiar su tamaño, y todo ello sin perder calidad de imagen.

Caesium Image Compressor

 

4.- File Minimizer Pictures (Windows)

Herramienta offline que podrás utilizar para comprimir tus fotos de manera sencilla y que tengas guardadas en tu ordenador.

Es muy fácil de utilizar y podrás reducir el tamaño de imágenes con formato JPG, PNG, GIF, BMP, TIF, y EMF.

FileMinimizer

 

5.- Photoshop (Windows, Mac, linux)

En Photoshop tenemos una opción de guardar para web que nos puede ser muy útil para comprimir las imágenes. Por un lado tenemos el guardar para web en jpg en calidad 50, y por otro lado tenemos el guardar en png de 8 bits, que utilizaremos para imágenes vectoriales o con una paleta reducida de colores.

 

4 Plugins de Wordpress para comprimir fotos sin perder calidad

 

1.- Compress JPEG & PNG

La versión de Tiny Png convertida en plugin de wordpress, para mí y después de probar diferentes plugins de wordpress es el que más me ha gustado, ofrece la mejor compresión con la mejor calidad, y a una velocidad bastante rápida.

La versión gratuita te permite comprimir 500 imágenes gratuitas al mes.

 tinypng plugin wordpress

2.- ShortPixel

Plugin de wordpress para comprimir todas las imágenes de tu Blog de una manera sencilla.

La suscripción gratuita nos permite comprimir 100 fotos al mes, y por ponerla una pega diría que el proceso de compresión es un poco lento, puede ser algo tedioso en blogs con decenas de miles de imágenes como el mío, donde puede tardar varios días en comprimir todas las imágenes.

short pixel

 

3.- EWWW Image Optimizer

Es sin duda uno de los plugins de wordpress más populares para comprimir imágenes y fotos, ya que es gratuito y puedes comprimir todas y cada una de tus imágenes sin ningún coste.

Hace una semana Wordfence nos alertó de una vulnerabilidad que tenía este plugin. Para resolverlo tienes que actualizar a la última versión que corrige este problema.

ewww image optimizer

 

4.- WP Smush – Image Optimization

https://www.youtube.com/watch?v=BLqk4KPRz28

Uno de los plugins de wordpress más antiguos y sigue también siendo uno de los más populares para comprimir las fotos de tu Blog.

Tambien te permite editar las fotos y cambiar su tamaño.

Lo mejor es que este plugin es completamente gratis y sin limitaciones.

¿Cuál es el método que yo utilizo para comprimir fotos?

Es muy sencillo, yo siempre todas y cada una de las imágenes e infografías que realizo para mi Blog o para compartir en Redes Sociales las realizo con el programa Photoshop, cuando ya tengo hecha la imagen utilizo la opción de guardar para web, elijo el formato jpg (50%) o png de 8 bits según sea el tipo de imagen que estoy haciendo.

Luego lo que hago es comprimirla con TinyPNG, porque a día de hoy es la herramienta online más efectiva para comprimir fotos sin ninguna pérdida de calidad de imagen. El algoritmo de compresión que utiliza es impresionante…

Por ejemplo la imagen destacada de este artículo la he realizado con Photoshop y la he exportado en formato PNG 8 bits, y como puede ver en la siguiente imagen, el peso se ha quedado bastante bien (16 KB), pero cuando lo paso por Tinypng el tamaño se reduce a 14 KB, 2 KB menos, puede parece que el cambio es muy poco pero todo esto hace que nuestro post tenga un mejor pagespeed y por tanto que mejore su posicionamiento web..

captura photoshop

¿Cuál es el sistema que utilizas tú para comprimir tus imágenes del Blog?


Te recomiendo leer:

Bancos de imágenes gratis para tu web o Blog

10 Mejores páginas para descargar iconos

¿Conoces los derechos de autor de las imágenes en Internet?


 

Conclusión

Reducir el tamaño de las fotos que utilices en tu Blog o página web te va ayudar a mejorar la velocidad de carga, mejorar la experiencia de usuario, y en definitiva para mejorar tu posicionamiento web.

No necesitas tener conocimiento técnicos de ningún tipo para poder comprimir fotos sin perder calidad, pero una buena filosofía que siempre tienes que aplicar es reducir el tamaño de las imágenes al máximo antes de subirlo a tu página web o Blog.

¿Cuál es tu herramienta para comprimir fotos preferida?

¿Utilizas un plugin de wordpress para reducir el tamaño de tus imágenes?

Si te ha gustado el post, puedes compartirlo con un amigo/a.

Facebook
Twitter
LinkedIn

Artículos que pueden interesarte...

24 comentarios

  1. Hola Miguel muy buena la recopilación de estas herramientas.

    Yo en lo personal uso tinyPNG y asta los momento estoy conforme, ya que reduce él peso y no pierde la calidad de imagen. y reducir él peso de las imágenes es muy importante para aumentar él rendimiento del hosting y aumentar la velocidad de carga de nuestro sitio. Eh visitado blogs que tardan una eternidad en cargar solo por él peso de las imágenes y estoy afecta negativamente a cualquier sitio.

    1 saludo.

    1. Hola Eduardo,

      Yo he llegado a ver una imagen destacada de un post de más de 2 megas y con el nombre del propio banco de imágenes, jejeje.

      No cuesta nada hacer las cosas un poco mejor y cambiar ese nombre y comprimir y reducir el tamaño lo más que podamos.

      Pienso como tú, a día de hoy no existe una herramienta que comprima tanto como tinypng sin perder calidad de imagen.

    1. Pues me parece genial, ya que aunque conocía la gran mayoría, hay herramientas que no había utilizado y que probaré, porque Compressor deja las letras algo borrosas en mi opinión cuando comprime.

  2. Hola Miguel,
    Buena recopilación de recursos. Un truco para mejorar la compresión de imágenes en png si las guardas con photoshop, es bajar el número de colores de 256 a 128. Sobre todo cuando lo que usas son colores planos como los que suelen incluir las imágenes de cabecera de tus artículos, algo ganamos más por ahí.

    Yo el último plugin para wp que he probado y de momento dejo es el imagify, échale un ojo. COn la versión gratuita muchos bloggers tenemos más que suficiente. Si quieres ver un review pasa por mi blog.
    Un abrazo!

    1. Cierto David, a veces cuando tenemos una imagen vectorial olvidamos reducir el número de colores para bajar el peso de la imagen, muy buena tu aportación.

      Claro el echaré un ojo a imagify, y me lo anoto para una futura actualización del post.

      Un abrazo amigo

  3. Yo lo hacía todo con Photoshop guardar para web pero ahora que me has iluminado las pasaré también por TinyPNG ya que en una ecommerce tengo más de 1500 fotografías y ando loca para bajar el pagespeed. Gracias!

    1. Hola Maren,

      He incluido justamente esta parte porque muchos por he advertido que muchos de mis alumnos se confiaban precisamente con el guardar para web cuando realmente se puede comprimir más.

      Un abrazo

  4. Hey, Miguel, buen post!
    Yo utilizo CompressNow, aunque probaré la que usas tú a ver qué tal. La que utilizo me gusta porque puedo regular la compresión en función de la imágen y en la mayoría de los casos queda bastante bien aun comprimiendo la imagen hasta un 75 u 85%. Rula totalmente on line y es bastante rápida.
    Lo cierto es que hay tantas de estas herramientas que uno no tiene tanto tiempo como quisiera para irlas probando todas ¡Uf! Yo probé varias antes de decidirme y al final me quedé con CompressNow.
    A ver si puedo dediarle un rato a probar algunas de las on line que recomiendas en tu post y especialmente TinyPNG a ver que tal.
    ¡Saludos!

    1. Hola José Luis,

      Te recomiendo que pruebes tinypng, verás que el nivel de compresión sin perdida de calidad es muy bueno.

      Un saludo

  5. Hola, al igual que tú, utilizo Photoshop siempre y desconocía, por completo, que todavía podías optimizar más una imagen con TiniPNG. Apuntado!

  6. Aquí otro a probar TinyPNG 🙂 yo también era de los de solo Photoshop y ya.
    De todas formas ¿no nos estamos pasando un poco con la obsesión por este tema? ¿De verdad pasar de 16KB a 14KB puede resultar una diferencia significativa?

    1. Lo que tienes que pensar más allá de la reducción del peso es que Google calcula el factor de compresión que utilizas en cada imagen y este sin afecta a tu page speed, 2 kb no son mucho pero el algoritmo de Google analiza que se puede comprimir un 15% más. Haz tu mismo la prueba con Google Pagespeed insight para ver si no te dice que tienes imágenes que puedes comprimir y saldrás de dudas.

  7. Hola Miguel!
    Buen post, muchas no las conocía.
    La verdad que tengo mis truquitos puede que se apor eso!
    Sobre Photoshop (LINIX??) mira que soy linuxero desde hace muuuuchos años y no, no hay photoshop para linux, a no ser que pongas maquina virtual o cosas por el estilo.
    Pero tenemos “Krita” y mi favorito “GIMP” que es el que uso yo y también está para Windows.
    Muy similar a photoshop sólo que gratis, os lo recomiendo a todos y todas.
    En unos días os digo mi truco, me lo guardo en la reserva, para una foto gimp o photoshop está bien, pero cuando hay que reducir 50 o 100 tengo otra alternativa genial que lo hace en segundos.
    Un abrazo miguel!!

    1. Hey
      @miguelngelflorido:disqus
      Ya te puedo decir mi truco para comprimir las fotos a tope, con excelente compresión, sin perdida, gratis y súper rápido. (Con Telegram)

      Pásate por el blog de @elblogdeanamata:disqus y mira el articulo de invitado que he tenido el honor de publicar.
      Ahí lo explico muy clarito y es de lo mejor que he probado.
      Un abrazo compi!

  8. Añadiría RIOT para PC, que es la herramienta que utilizo últimamente, e Imagify para Wordpress, que me parece de los plugins más cómodos.

    Utilizo un 60-80% de optimización en función de la imagen y su ubicación. ¿Qué porcentajes empleáis vosotros?

    Saludos!

  9. ¡Genial Miguel! Como siempre, un artículo de ayuda cuando más se necesita. Mil gracias y enhorabuena. Un saludo

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Responsable: Miguel Ángel Florido Robledo
Finalidad: Gestión de los comentarios de las publicaciones
Legitimación: Consentimiento del interesado
Destinatarios: Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. Los boletines electrónicos o newsletter están gestionados por entidades cuya sede y servidores se encuentran dentro del territorio de la UE
Derechos: Acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la información adicional.

Hola, soy Miguel Florido, consultor de Marketing Digital y Social Media.

Creador del Blog Marketing and Web, un blog humilde y sencillo que poco a poco se ha abierto un hueco entre los blogs de referencia del marketing digital en España.

ACCEDE GRATIS A 4 CLASES DEL MÁSTER DE MARKETING DIGITAL