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.

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

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.