11 herramientas para optimizar imágenes en WordPress

Autor: Max Camuñas

Fecha: 20/01/2019

Optimizar imágenes en WordPress es fundamental para mejorar la velocidad de carga, un tema del que vengo hablando en los últimos posts y que estoy perfeccionando en los últimos meses.

Existen una serie de técnicas, herramientas y plugins para mejorar el WPO de WordPress, es decir, reducir el tiempo de carga de un sitio web.

Si te has pasado por aquí en las últimas semanas, habrás comprobado que mis últimos posts han girado sobre este tema:

En esos dos artículos hablaba sobre los factores que afectan a la velocidad de carga de WordPress, herramientas para medir la velocidad de un sitio web, los plugins que utilizo para mejorar el WPO y también alguna pincelada sobre cómo optimizar imágenes en WordPress.

En ese sentido, he querido preparar un artículo específico en el que recopilo varias herramientas, plugins y páginas para optimizar imágenes en WordPress, es decir, para reducir el peso de las imágenes que se alojan en una web o un blog sin que éstas pierdan calidad.

Optimizar imágenes en WordPress: reduce su peso sin perder calidad


Este listado de siete opciones para optimizar imágenes en WordPress incluye plugins, herramientas web y programas de edición de imágenes.

#1 Smush

Optimizar imágenes en WordPress: Smush

El nombre completo de este plugin es Smush Image Compression and Optimization y es el que utilizo tanto en mis sitios web como en los de mis clientes.

Su funcionamiento es muy sencillo. Solo hay que instalarlo y empezar a optimizar las imágenes que tengas subidas en WordPress.

En concreto, el plugin se encarga de redimensionar, optimizar y comprimir todas las imágenes de WordPress.

Para ello, una vez instalado, te vas a Multimedia > WP Smush y te aparecerá un mensaje como éste, que te indica el número de imágenes que tienes sin optimizar.

Para iniciar el proceso de optimización, solo tienes que clicar en el botón azul «Bulk Smush Now» y las imágenes se comprimen automáticamente.

optimizar imágenes en WordPress: Smush

Una vez hayas finalizado la optimización de las imágenes que tienes alojadas en WordPress, te aparecerá un mensaje como éste.

optimizar imágenes en WordPress: Smush

A partir de ese momento, las imágenes que subas a tu sitio web se comprimirán automáticamente.

Es muy sencillo, ¿verdad?

#2 EWWW Image Optimizer

Optimizar imágenes en WordPress: EWWW Image Optimizer

EWWW Image Optimizer es un plugin cuyo funcionamiento es muy similar al anterior.

Este complemento se encarga de optimizar automáticamente tus imágenes a medida que las subas a tu sitio web.

Con él puedes optimizar las imágenes que ya has subido, convertir automáticamente tus imágenes al formato de archivo que producirá un tamaño de imagen más pequeño y también comprimir imágenes en formatos PNG y JPG.

#3 Compressor.io

Optimizar imágenes en WordPress: compressor.io

Compressor.io es una herramienta web que utilizo habitualmente para reducir el peso de imágenes sin que pierdan calidad.

Es decir, antes de subir una foto a WordPress, la comprimo con esta herramienta y después la subo (en el caso de imágenes muy grandes) para que luego se vuelva a optimizar con el plugin que tengo instalado.

En cuanto a su funcionamiento, es muy sencillo. Solo tienes que seleccionar una imagen que tengas guardada en tu ordenador y descargarla una vez haya finalizo el proceso de optimización, que suele ser muy rápido, aunque varía en función del peso de la fotografía.

Por último, destacar que esta herramienta permite comprimir archivos en varios formatos: JPG, PNG, GIF y SVG.

#4 ShortPixel

Optimizar imágenes en WordPress: ShortPixel

ShortPixel es una de las últimas herramientas para comprimir imágenes que he conocido, gracias a que sus desarrolladores se pusieron en contacto conmigo y me ofrecieron probarla.

Está disponible en dos modalidades diferentes: versión web y plugin para WordPress.

Debes tener en cuenta que es una herramienta «freemium», es decir, ofrece la posibilidad de comprimir hasta 100 imágenes gratuitas al mes, pero a partir de esa cantidad es de pago, aunque tiene unos planes realmente interesantes.

Si optas por instalar el plugin, tendrás que vincular la herramienta con su API y, una vez lo hayas hecho, puedes empezar a usarlo.

El plugin incluye tres opciones de compresión: lossy, glossy y lossless (la recomendada es la primera).

Entre sus funcionalidades destacadas se encuentra las siguientes:

  • Comprimir también las miniaturas.
  • Guardar una copia de seguridad de las imágenes originales en una carpeta independiente.
  • Ajustar las imágenes para la versión de escritorio y el móvil.
  • Elegir el tamaño al que queremos redimensionar las imágenes.

Si optas por la versión web, en shortpixel.com podrás comprimir hasta 50 imágenes a la vez con formatos JPG, PNG y GIF de hasta un máximo de 10 MB. Además, permite comprimir archivos en PDF.

La versión web incluye los tres tipos de compresión que el plugin y además te muestra el nivel de optimización, así como el tamaño original de la imagen y su tamaño una vez comprimida.

#5 Compress JPG y PNG

optimizar imágenes en WordPress: Compress JPG y PNG

compressjpeg.com/escompresspng.com/es son dos herramientas online para comprimir imágenes en formato JPG y PNG.

Su funcionamiento es muy similar a compressor.io, aunque su principal diferencia es que permite subir y comprimir varias imágenes a la vez (hasta 20).

Una vez se han optimizado, es tan sencillo como descargarlas de forma conjunta en un archivo ZIP o descargarlas de forma individual.

#6 Optimizilla

optimizar imágenes en WordPress: Optimizilla

Al igual que en los dos casos anteriores, en optimizilla.com puedes comprimir hasta 20 imágenes a la vez, reduciendo su tamaño pero no su calidad.

Solo tienes que hacer clic en las miniaturas de las imágenes que subas para ajustar la calidad deseada. Puedes utilizar también el control deslizante para controlar el nivel de compresión y el ratón para comparar imágenes.

#7 Imagify

optimizar imágenes en WordPress: Imagify

Imagify también está disponible en dos formatos diferentes: herramienta web (imagify.io) y plugin para WordPress.

Esta herramienta te permite acelerar tu página web con imágenes más ligeras. Su objetivo es que no tengas que elegir entre belleza y velocidad y sus puntos fuertes son:

  1. Acelerar tu sitio web con imágenes más claras para ganar velocidad, así como mejorar la experiencia de usuario y también el SEO.
  2. Ahorrar tiempo para que dejes de ajustar tus imágenes, ya que se optimizan automáticamente.
  3. No sacrificar la calidad, pues se encarga de reducir el peso de tus imágenes sin sacrificar su calidad.

#8 Optimizador.io

optimizar imágenes en WordPress: Optimizador.io

Optimizador.io es un plugin gratuito desarrollado por Webempresa que se encarga de mejorar la optimización de tus imágenes fuera de tu servidor para no ralentizar tu web mientras se hacen las mejoras.

Las imágenes se envían directamente a sus propios servidores en segundo plano.

La herramienta se encarga de reducirlas al máximo sin perder calidad y las devuelve a tu web optimizadas.

Si quieres descargar este plugin para WordPress, puedes hacerlo directamente en optimizador.io

#9 Squoosh

optimizar imágenes en WordPress: Squoosh

Squoosh es la herramienta de Google para redimensionar y comprimir imágenes.

Su funcionamiento es muy sencillo. Solo tienes que entrar en la web squoosh.app, seleccionar desde tu ordenador la imagen que quieres comprimir o arrastrarla directamente para proceder a optimizarla.

Una vez se haya cargado, puedes elegir diferentes parámetros para optimizar tu imagen:

  • Redimensionar su tamaño.
  • Reducir la paleta de colores.
  • Elegir el formato: JPG, PNG, web, etc.
  • Seleccionar la calidad.
optimizar imágenes en WordPress: Squoosh

Además, la herramienta te permite girar la imagen que un simple clic.

Cuando hayas ajustado todas las opciones según tus necesidades, ya puedes descargar tu imagen optimizada y comprimida.

#10 Photoshop

optimizar imágenes en WordPress con Photoshop

Photoshop es, sin ninguna duda, uno de los programas de edición y retoque fotográfico más conocidos y universal.

Lo cierto es que incluye una opción de guardado de imágenes para web, que optimiza las imágenes directamente y las deja listas para subirlas a WordPress.

La funcionalidad Guardar para web permite elegir el tamaño y el formato de la imagen que quieres guardar para subirla a tu sitio web.

Es uno de los métodos habituales que utilizo para optimizar imágenes antes de subirlas a WordPress.

En este vídeo te explico cómo optimizar imágenes en WordPress con Smush, Compressor.io y Photoshop.

#11 Imgbot.ai

optimizar imágenes en WordPress: imgbot.ai

Esta herramienta es muy completa, pues en su web imgbot.ai puedes realizar todo lo necesario para optimizar imágenes en WordPress:

  • Cambiar el tamaño de las imágenes. Puedes modificar el tamaño de tus imágenes en función del ancho y alto o por escalas.
  • Comprimir imágenes. Optimiza y comprie tus imágenes en formatos JPG, PNG y GIF.
  • Cortar fotos. Recorta tus imágenes y adáptalas al tamaño de tu web.
  • Añadir una marca de agua a tus fotos para protegerlas con un texto o una imagen personalizada.

EXTRA: cómo comprimir vídeos online


Aunque este post lo he enfocado en la optimización de imágenes, quiero dejarte, a modo de extra, una herramienta para comprimir vídeos online antes de subirlos a tu web.

Clipchamp te permite comprimir tus vídeos para ahorrar almacenamiento y acelerar la velocidad de carga de tu web.

La herramienta ofrece varios packs, pero con el gratuito puedes convertir, editar y comprimir tus videos.

Comprimir vídeos online con Clipchamp

Como puedes ver, la herramienta te permite adaptar tus vídeos a diferentes espacios (web, Windows, móvil o animación), así como elegir la duración, resolución, tamaño y formato.

Comprimir vídeos online con Clipchamp

Cuando concluye el proceso de optimización, puedes descargar tus vídeos preparados para subirlos a WordPress.

Espero que estas 12 herramientas te ayuden a optimizar imágenes en WordPress y reduzcas su tamaño sin perder calidad en las fotos (y vídeos) que subas a tu web o blog 😉

Si necesitas algún tipo de ayuda con tu sitio, te recomiendo echarle un vistazo a mi servicio de diseño web en WordPress.

Portada: resize image (shutterstock by Botond1977)

Summary
11 herramientas para optimizar imágenes en WordPress
Article Name
11 herramientas para optimizar imágenes en WordPress
Description
En este post te muestro 11 herramientas para optimizar imágenes en WordPress y reducir así su peso y tamaño sin sacrificar la calidad.
Author
Publisher Name
Max Camuñas
Publisher Logo

16 Comentarios

  1. Luis

    Estoy totalmente en desacuerdo con tu post, a excepción de Photoshop, todas las demás me parecen de las peores opciones y las he probado. Aquí faltan opciones como RIOT, Kraken.io (que incluso tiene plugin para WP) y falta Imagify que es mejor que cualquier plugin que mencionaste en tu post.

    Responder
    • Max Camuñas

      Vaya Luis 🙂

      Ya sabes que estas cosas son muy subjetivas. Esas herramientas son las que suelo usar (o combinar) y me dan buenos resultados en cuanto a optimización.

      Gracias por mencionar las que usas tú!

      Responder
  2. Carlos Pisco

    Gracias por la info, personalmente uso compressor.io y el resultado es muy bueno.

    Responder
  3. Francisco

    Una pregunta Max, Photoshop solo es de pago no? porque no encuentro version gratuita.

    Responder
    • Max Camuñas

      Photoshop funciona con la licencia de Adobe, y esa licencia es de pago 😉

      Responder
  4. Francisco

    Max como estas? Como se que tipo de tamaño necesito para las imagenes en mi web?
    La estoy haciendo y estoy en ese proceso.
    Saludos

    Responder
    • Max Camuñas

      Hola Francisco,

      Todos esos detalles puedes encontrarlos en la documentación de tu plantilla.

      Saludos

      Responder
  5. juanpedro

    Hola Max yo utilizo esos plugins y me van muy bien según necesidades
    la establemente utilice para probar los que dice el amigo Luis y no me fueron bien.
    Es mas tuve que meter mano a l FILEZILLA y el photochop también lo puedes tener gratuito yo al menos lo tengo buen post Max y saludos a todos

    Responder
  6. Max

    Hola Juan Pedro,

    ¿Cuál te ha funcionado mejor?

    Hay muchas opciones. Al final se trata de encontrar la que mejor soluciones nos aporta.

    Yo me quedo con la combinación de Photoshop + Compressor.io

    Saludos!

    Responder
    • juanpedro

      Hola Max pues hice la prueba de Photoshop+ Compressor.io y va genial gracias MAX
      ¡Saludos!

      Responder
  7. Patricio

    Gracias. estoy probando Smush.
    Por lo general uso tinypng.com y me da super buenos resultados, aunque solo puedo reducir 20 archivos a la vez.

    Responder
    • Max Camuñas

      Hola Patricio,

      Con Smush, una vez lo hayas instalado, podrías optimizar todas las imágenes que tengas en la biblioteca y las que subas a partir de ahora a WordPress.

      Saludos

      Responder
  8. Rafael Perez Revilla

    Max buenas, te paso 2 más interesantes:

    shrinkme.app
    app.imagify.io

    Un saludo

    Responder
    • Max Camuñas

      Hola Rafa,

      La primera no la conocía, la segunda sí.

      Cuando pueda, actualizo el post y las añado.

      Gracias! 🙂

      Responder
  9. Isma

    Hola Max,

    tengo una web de fotos de fiestas de la noche y tenía decenas de miles de imágenes sin comprimir…. al final tuve que pagar para q me lo arreglaran y ahora optimizo directamente al editar las fotos en Photoshop.

    Comparto el enlace por si te sirve para casos extremos como el mío o conoces otros:

    wptizers.com/optimizar-imagenes/wordpress

    Responder
    • Max Camuñas

      Hola Isma,

      Optimizar las imágenes con Photoshop antes de subirlas es la mejor opción, yo también lo hago.

      En cuanto a esta herramienta, no la conocía, pero muchas gracias por dejarla por aquí y darnos una opción más.

      Cuando actualice el post, la añadiré como una más 😉

      Saludos

      Responder

Enviar un comentario

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

Para cumplir con el nuevo RGPD y que tus datos estén a salvo, debes leer y aceptar mi política de privacidad. Tus datos serán guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

Soy Max Camuñas y te doy la bienvenida a mi blog (mi casa).

Por aquí hablo sobre los temas que me apasionan: WordPress, Marketing, Social Media o Blogging.

Me encanta ayudar a otras empresas a marcas a crear el diseño de su web desde cero.

¡MÁS SOBRE MÍ!