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.
Índice de Contenidos
- 1 Por qué es tan importante comprimir fotos para una web o Blog
- 2 Extensión y tipos de imágenes
- 3 Cómo comprimir fotos y reducir el tamaño de las imágenes sin perder calidad
- 4 11 herramientas online para comprimir tus imágenes
- 5 5 Herramientas offline para comprimir imágenes
- 6 4 Plugins de Wordpress para comprimir fotos sin perder calidad
- 7 ¿Cuál es el método que yo utilizo para comprimir fotos?
- 8 Conclusión
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
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
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
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.
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.
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.
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.
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%.
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.
10.- ImageOptim
Una herramienta muy profesional para comprimir tus fotos sin perder calidad de imagen.
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.
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.
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.
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.
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.
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.
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.
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.
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..
¿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.
Consultor de Marketing Digital y Social Media, y Director de la Escuela Marketing and Web.
Autor de los libros “Curso de Marketing Digital” con 3 ediciones y varias veces TOP ventas en Amazon, y “Curso Especialista de Publicidad Online y Embudos de Venta”. Graduado por la Universidad de Cádiz, y con una amplia experiencia de más de 10 años como analista de datos y en marketing digital, antes de lanzar su propia formación.
24 comentarios
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.
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.
Waoo 2 megas eso es una barbaridad , pero bueno hay tantas de tantas que serian infinitas contarlas jaja
jajaja, sí, de estas tengo unas cuantas anécdotas…
Muchas gracias Borja,
pero me gustaría saber qué te ha parecido el post también. Un saludo
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.
Genial amigo, ya me contarás que te parecen las nuevas herramientas
sin dudarlo tengo varios pero me quedo con tinyPNG 🙂
Totalmente de acuerdo Rafael, el algoritmo de compresión que utiliza es una pasada
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!
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
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!
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
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!
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
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!
Muy bien María José,
Verás como mejoras así el pagespeed.
Un abrazo
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?
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.
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!!
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!
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!
¡Genial Miguel! Como siempre, un artículo de ayuda cuando más se necesita. Mil gracias y enhorabuena. Un saludo
Yo utilizo Jpegmini y fileoptimizer en PC. Y en Mac me gusta imageoptim