herramientas-gratuitas-optimizar-imagenes-wordpress

Cómo Optimizar Imágenes para WordPress

Iván García Diéguez

Optimizar imágenes para WordPress no es solo una tarea más en la lista de un webmaster; es indispensable para cualquier sitio que busque ofrecer una experiencia de usuario excepcional. Si alguna vez te has preguntado cómo mejorar la velocidad de tu sitio, reducir el espacio de almacenamiento y, al mismo tiempo, mejorar tu SEO, estás en el lugar correcto. A lo largo de este artículo, descubrirás no solo la importancia de la optimización de imágenes, sino también cómo llevarla a cabo de manera efectiva.

¿Por qué es importante optimizar las imágenes en WordPress?

Las imágenes son una parte esencial de cualquier sitio web. Aportan valor estético, contextúan el contenido y mejoran la comprensión del usuario. Sin embargo, si no se gestionan correctamente, pueden convertirse en un lastre para el rendimiento de tu página. Veamos por qué es vital optimizarlas:

Mejora la velocidad de carga

Las imágenes no optimizadas son una de las principales causas de sitios web lentos. Al reducir el tamaño del archivo de tus imágenes, disminuyes el tiempo de carga de tu página, lo que se traduce en una mejor experiencia para el usuario. Además, los sitios más rápidos tienen tasas de rebote más bajas y tiempos de permanencia más prolongados.

Reduce el espacio ocupado

El espacio de almacenamiento es valioso, especialmente si estás en un plan de hosting con limitaciones. Optimizar tus imágenes no solo mejora la velocidad de carga, sino que también ahorra espacio en tu servidor. Esto puede traducirse en ahorros económicos y en un sitio web más eficiente en general.

Mejora el posicionamiento en buscadores

Google y otros motores de búsqueda premian a los sitios que ofrecen una excelente experiencia al usuario. Una página que carga rápidamente es un factor clave para el SEO. Al optimizar tus imágenes, estás dando un paso significativo hacia una mejor posición en los resultados de búsqueda, lo que puede llevar a un aumento en el tráfico y, en última instancia, a una mayor conversión.

Pasos para Optimizar tus Imágenes en WordPress

Si eres como yo, te habrás dado cuenta de que hay innumerables formas de optimizar imágenes para WordPress. Y, aunque tener tantas opciones puede parecer abrumador, ¡es una bendición disfrazada! Pero, ¿por dónde empezar con tantas herramientas disponibles? Bueno, la clave está en simplificar. La optimización de imágenes se reduce esencialmente a redimensionar y reducir el peso. Vamos a desglosarlo.

Elige el formato adecuado

Antes de sumergirnos en el proceso de redimensionamiento, es esencial que elijas el formato adecuado para tus imágenes. Cada formato tiene sus ventajas, pero si buscas una compresión eficiente sin sacrificar demasiado la calidad, .jpg o .jpeg son tus mejores aliados. Estos formatos comprimen las imágenes mucho más que, por ejemplo, .png, que se utiliza principalmente para fondos transparentes. También tienes disponible el formato webp, pero que al no soportarlo todos los navegadores, te seguiría recomendando usando .jpg o .jpeg.

Redimensionar imágenes

El primer paso real en nuestra misión de optimización es redimensionar la imagen. Esta acción está intrínsecamente ligada al peso de la imagen. ¿Qué significa redimensionar? Básicamente, es ajustar la imagen a las dimensiones en las que se mostrará en nuestro artículo o página web. Por lo general, la mayoría de los blogs tienen un ancho máximo de imagen de menos de 1080×1080. Sin embargo, esto puede variar según la configuración de tu WordPress o el tema que estés usando.

Reducir peso

Ahora, después de redimensionar, viene el paso crucial: reducir el peso. Imagina que la redimensión es como poner a dieta a tu imagen, y reducir el peso es como hacer ejercicio. Quieres que tu imagen sea lo más “ligera” posible para que tu página cargue rápidamente. Idealmente, las imágenes que subas deberían pesar entre 30kb y 100kb. Pero, ¡cuidado! No querrás sacrificar demasiado la calidad. Mi consejo es no comprimir las imágenes por debajo del 70% de su calidad original. Encuentra ese equilibrio perfecto entre calidad y tamaño.

Herramientas para optimizar imágenes

Hay multitud de herramientas para optimizar las fotos o imágenes para WordPress antes de subirlas, pero hemos realizado una selección de las mejores que sirven para todos los usuarios, sin tener que saber de edición de fotos.

Todas las herramientas para comprimir las fotos o imágenes son gratuitas y las hemos ordenado en orden de valoración.

Photoscape X

herramienta-gratuita-para-optimizar-imagenes-wordpress-photoscape-x

En primer lugar, os indico mi programa favorito de edición que suelo utilizar a menudo para redimensionar y comprimir mis imágenes antes de subirlas a WordPress.

Es un programa muy sencillo e intuitivo disponible para Mac o Windows, os incluyo el enlace para descargarlo.

Es un programa excelente para edición rápida de imágenes.

Destacar sobre todo qué podemos redimensionar y comprimir imágenes en lote, así como renombrar las imágenes que incluyamos (aspecto importante cuando tenemos muchísimas imágenes y que nos ahorra tiempo).

  • Iniciamos Photoscape X
  • Escogemos en la barra superior entre Editor (una imagen) o Lote (para editar más de una imagen).
  • A la izquierda tendremos redimensionar, escogemos las dimensiones a la que queremos escalar la imagen.
  • Seleccionamos guardar (se encuentra en la parte inferior de la izquierda), y en la ventana emergente que aparece escogemos la calidad y el nombre. Recuerda que si estamos con muchas imágenes podemos renombrar todas a la vez.

Este programa no sirve únicamente para redimensionar y comprimir imágenes, dispone de un montón de funcionalidades.

Squoosh

herramienta-gratuita-para-optimizar-imagenes-wordpress-squoosh

Es una herramienta online gratuita desarrollada por Google que te permitirá de una manera muy simple cambiar las dimensiones de la imagen y mantener su relación de aspecto.

Además, puedes escoger la calidad de compresión de imagen y descargarla en seis formatos distintos: OptiPNG, MozJPG, WebP, Browser PNG, JPG, y WebP.

La interfaz de Squoosh es muy cómoda, a la izquierda se ve la imagen original y a la derecha la comprimida, separadas por una barra azul vertical que se puede mover para ver la diferencia y así poder optimizarla teniendo en cuenta no perder demasiada calidad.

  • Navega a: https://squoosh.app/
  • Arrastra la imagen que quieres procesar.
  • Verás que se divide en dos, con él antes y él después.
  • Por defecto, comprime con MozJPEG, pero puede elegir entre varias opciones de algoritmos de compresión de salida.
  • Pulsa el botón de descargar de la esquina inferior derecha y listo. Ya tienes tu imagen optimizada en tu ordenador.

La herramienta funciona en todos los navegadores web (incluyendo los de los dispositivos móviles), aunque la mejor funcionalidad la obtendremos en Chrome.

Compressor.io

herramienta-gratuita-para-optimizar-imagenes-wordpress-compressor-io

Compressor.io es una herramienta online de compresión de imágenes que soporta cuatro formatos (JPEG, PNG, GIF y SVG). Consigue reducciones de compresión muy buenas dependiendo del formato sin apenas perdida de calidad.

La interfaz de uso es muy sencilla y atractiva. Las fotos se pueden subir de dos maneras, “arrastrar y soltar”, o realizando una “búsqueda” dentro de nuestras carpetas. Si utilizamos búsqueda directa, una vez realizada la compresión nos mostrará la imagen subida en dos zonas, en la parte izquierda la imagen original, y en la derecha el resultado una vez tratada. Estas zonas están delimitadas por un separador que podremos mover para analizar cómo va quedar la imagen pudiendo aumentar/reducir la zona que nos interese inspeccionar.

Si optamos por “arrastrar y soltar”, al finalizar el proceso de compresión de imagen únicamente veremos el cuadro de la compresión sin poder analizar cómo ha quedado la imagen, el valor del porcentaje comprimido y sus opciones de descargarla.

Como opciones de descarga, podremos guardar el resultado en nuestro equipo, o en plataformas de servicio como Google, Drive o Dropbox.

En la compresión de las imágenes, podemos optar por dos alternativas: \»Lossless\», sin pérdida de calidad, que sólo es aplicable a los formatos JPG y PNG, y \»Lossy\» con pérdida.

Con la opción \»Lossless\» (sin pérdida) sobre imágenes en formato JPG las imágenes no se reducen de tamaño, o la reducción no es significativa. En el caso de imágenes en formato PNG la compresión funciona de forma adecuada.

En la opción \»Lossy\» (con pérdida), los resultados son realmente buenos. Tanto por los ratios de compresión, como por la calidad de las imágenes tratadas. Resulta muy difícil apreciar la pérdida de calidad en las imágenes comprimidas, que es mínima.

  • Navega a: https://compressor.io/
  • Haz click en TRY IT!
  • Selecciona la opción de compresión en Lossy.
  • Escoge la imagen desde tu carpeta a comprimir que quieres procesar.
  • Verás que se divide en dos, con él antes y él después.
  • Pulsa en descargar debajo de la imagen de la forma que mas te convenga.

De momento, sólo es posible comprimir imágenes unitariamente, no es posible realizarlo por lotes, pero es una opción que no se descarta puedan añadir en el futuro.

Tinypng

herramienta-gratuita-para-optimizar-imagenes-wordpress-tinypng

TinyPNG es otra herramienta online que no puede faltar cuando hablamos de compresión de imágenes.

Lo que hace TinyPNG es comprimir todo lo posible una imagen para eliminar toda la información prescindible, consiguiendo que pese lo menos posible sin perder nada de calidad. La herramienta detecta los colores que son similares y los combina en uno sólo, también se encarga de suprimir todos los metadatos innecesarios de la imagen.

Tan solo tienes que arrastrar la imagen y se empezará a comprimir automáticamente.

  • Navega a: https://tinypng.com/
  • Arrastra la imagen que quieres comprimir
  • Descárgala, puedes guardarla en Dropbox o descargarla en el ordenador

En el caso de que quieras comprimir varias imágenes, puedes arrastrarlas todas de golpe.

Hay un par de limitaciones en la versión gratuita:

  • No puedes comprimir a la vez más de 20 imágenes.
  • No puedes comprimir imágenes que ocupen más de 5MB.

Los formatos que es capaz de comprimir son PNG y JPG.

Hay que dejar bien claro, que esta herramienta únicamente es para comprimir imágenes y que no es posible redimensionarlas, por lo que tus imágenes antes de comprimirlas deberán estar en las dimensiones adecuadas.

Videotutorial (como utilizar las herramientas)

Hemos realizado un video donde les mostramos de manera practica como pueden utilizar de cada una de las herramientas

Plugins Esenciales para Optimizar Imágenes en WordPress

Si bien las herramientas online y las técnicas manuales son geniales, los plugins de WordPress: hacen el trabajo pesado por ti. Este método te lo recomiendo si tienes ya muchas imágenes subidas a tu WordPress y quieres realizar la tarea de forma rápida y masiva.

Con pocos clics, puedes optimizar automáticamente todas las imágenes de tu sitio. Pero, como con todo en la vida, no todos los plugins son iguales. Aquí te presento algunos de los más destacados que he probado y que te recomiendo encarecidamente.

EWWW Image Optimizer

El EWWW Image Optimizer es un plugin de optimización de imágenes que se ha ganado la confianza de muchos usuarios de WordPress. Su principal objetivo es mejorar la velocidad de carga de tu sitio web al reducir el tamaño de tus imágenes sin comprometer su calidad. Una de las ventajas más notables de este plugin es su capacidad para optimizar automáticamente las imágenes a medida que las subes a tu sitio web. Además, si ya tienes un sitio web con muchas imágenes, EWWW Image Optimizer te permite optimizar todas esas imágenes previamente subidas.

Funcionamiento: Similar a otros plugins de optimización de imágenes.

Características:

  • Optimiza automáticamente las imágenes a medida que las subes a tu sitio web.
  • Permite optimizar las imágenes que ya has subido previamente.
  • Convierte automáticamente tus imágenes al formato de archivo que producirá un tamaño de imagen más pequeño.
  • Puede comprimir imágenes en formatos PNG y JPG.

WP Smush.it

Conocido oficialmente como Smush – Lazy Load Images, Optimize & Compress Images, WP Smush es uno de los plugins de optimización de imágenes más populares en el repositorio de WordPress. Una vez instalado, puedes comenzar a optimizar todas las imágenes que ya tengas subidas en WordPress, lo que facilita la tarea de mejorar la velocidad de tu sitio web. Además de su función de optimización automática, WP Smush te permite configurar el tamaño al que quieres redimensionar las imágenes originales.

Nombre completo: Smush – Lazy Load Images, Optimize & Compress Images. Funcionamiento: Una vez instalado, puedes comenzar a optimizar las imágenes que tengas subidas en WordPress.

Características:

  • Redimensiona, optimiza y comprime todas las imágenes de WordPress.
  • Las imágenes que subas a tu sitio web se comprimirán automáticamente después de la instalación.
  • Permite elegir y configurar el tamaño al que quieres redimensionar las imágenes originales.

Imagify

Imagify no es solo un plugin para WordPress, sino también una herramienta web que te permite optimizar imágenes antes de subirlas a cualquier plataforma. Su promesa es clara: acelerar tu página web con imágenes más ligeras sin sacrificar su belleza. Imagify se destaca por su capacidad para reducir el peso de las imágenes sin comprometer su calidad.

Disponibilidad: Herramienta web y plugin para WordPress.

Características:

  • Acelera tu página web con imágenes más ligeras.
  • Optimiza automáticamente las imágenes, reduciendo su peso sin sacrificar su calidad.

ShortPixel

ShortPixel es tanto una herramienta web como un plugin para WordPress que ofrece una amplia gama de opciones de optimización. Una de las características que lo distingue es su oferta de compresión gratuita de hasta 100 imágenes al mes. Si bien hay una limitación en la cantidad de imágenes que puedes optimizar de forma gratuita, las opciones de compresión que ofrece son bastante avanzadas.

Disponibilidad: Versión web y plugin para WordPress.

Características:

  • Ofrece la posibilidad de comprimir hasta 100 imágenes gratuitas al mes.
  • El plugin incluye tres opciones de compresión: lossy, glossy y lossless.
  • Entre sus funcionalidades destacadas: 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, y elegir el tamaño al que queremos redimensionar las imágenes.
  • La versión web permite comprimir hasta 50 imágenes a la vez con formatos JPG, PNG y GIF de hasta un máximo de 10 MB. También permite comprimir archivos en PDF.

Recomendaciones para optimizar imágenes

Ya hemos analizado y revisado toda la información que necesitas saber de cómo optimizar imágenes o fotos para WordPress.

Vamos a hacer un análisis rápido de lo que debes hacer y unas recomendaciones.

  • Determinar qué tamaño de imagen necesitas realmente. Si la imagen que se va a mostrar en la web o blog es de 300×300, para qué subir a WordPress una imagen de 1000×1000.
  • Utiliza alguna de las herramientas que te he comentado antes para redimensionar tu imagen al tamaño adecuado.
  • Comprime la imagen teniendo en cuenta que la calidad no se vea perjudicada para no afectar la experiencia de los usuarios
  • Renombra el archivo de la imagen. Es algo que muchas veces se olvida y es importante para el SEO. No uses mayúsculas, tildes, ni caracteres raros en los nombres de las imágenes. Las imágenes no deberían contener más de 3 o 4 palabras que las identifiquen y estas deben de estar separadas con “-“ (Ejemplo: optimizar-imagenes-wordpress.jpg).
  • Rellena el Título y atributo ALT tras subir las imágenes en WordPress.
  • Si no puedes optimizar las imágenes manualmente por la cantidad de ellas, utiliza alguno de los plugins que recomiendo para agilizar esta tarea.

Espero que te haya servido de ayuda y que a partir de ahora todas tus imágenes estén optimizadas para WordPress, consiguiendo una web rápida y bien posicionada en Google.

Para saber Cómo Subir Imágenes a WordPress, te recomendamos que leas este artículo.

Preguntas Frecuentes sobre Cómo Optimizar Imágenes para WordPress

¿Por qué es esencial optimizar imágenes en WordPress?

Optimizar imágenes en WordPress mejora la velocidad de carga del sitio, reduce el espacio de almacenamiento y mejora el posicionamiento en los motores de búsqueda, ofreciendo una mejor experiencia al usuario.

¿Qué formatos de imagen son los más recomendados para WordPress?

Los formatos .jpg o .jpeg son ideales para la mayoría de las imágenes, ya que permiten una buena compresión sin sacrificar demasiado la calidad. El formato .png es recomendado para imágenes con fondos transparentes.

¿Cuál es el tamaño ideal para las imágenes en un blog de WordPress?

Por lo general, el ancho máximo para las imágenes en los blogs suele ser inferior a 1080×1080. Sin embargo, esto puede variar según la configuración de tu WordPress o el tema que estés utilizando.

¿Reducir el peso de una imagen afecta su calidad?

Sí, pero el truco está en encontrar un equilibrio. Es posible comprimir una imagen sin que la pérdida de calidad sea perceptible al ojo humano. Se recomienda no comprimir las imágenes por debajo del 70% de su calidad original.

¿Los plugins de optimización de imágenes afectan las fotos ya subidas?

Algunos plugins, como EWWW Image Optimizer, pueden optimizar imágenes previamente subidas a la biblioteca de medios de WordPress, mientras que otros se centran solo en las nuevas subidas.

¿Es necesario usar un plugin si ya optimizo mis imágenes manualmente?

No. Es más, te recomendaría optimizarlas antes de subirlas y evitar la instalación de un plugin más en tu instalación. Si ya estás realizando esta tarea, no hace falta otro plugin para volver a repetir la optimización.

Iván García Diéguez
Experto en SEO y diseño web. Metódico, perfeccionista e incansable hasta conseguir lo que quiere. Es el alma creativa de Surfing Social Media. Su superpoder es posicionar tu negocio en Google, para que consigas más tráfico y más ventas.
Scroll al inicio