Optimizar imágenes para WordPress sin plugins

¿Por qué optimizar imágenes sin plugins?

Cuando hablamos de velocidad web, las imágenes son, casi siempre, el factor número uno que ralentiza una página. Un archivo de 2 MB que se carga en el móvil puede tardar varios segundos, y eso hace que Google te penalice en el ranking y que los visitantes se vayan antes de ver tu contenido.

La mayoría de la gente cree que necesita un plugin como Smush o ShortPixel para resolver esto. Pero la realidad es que optimizar imágenes sin plugins es totalmente posible, incluso recomendable. De hecho, al prescindir de un plugin de optimización, reduces la carga del servidor, evitas conflictos de compatibilidad y mantienes tu instalación de WordPress más ligera.

En este artículo te voy a enseñar, paso a paso y sin tecnicismos, cómo comprimir, redimensionar y convertir tus imágenes para que tu web vuele. Todo desde el panel de tu hosting o con herramientas gratuitas y de código abierto. No necesitas ser un experto en Linux ni en SysAdmin, solo seguir las instrucciones.

El problema real: ¿Qué hace que una imagen pese tanto?

Antes de ponernos manos a la obra, es importante entender qué hace que una imagen sea pesada. Hay tres factores principales:

• Dimensiones en píxeles: Si subes una foto de 4000x3000 píxeles para mostrarla en un espacio de 800 píxeles de ancho, estás desperdiciando recursos. El navegador tiene que descargar los 4000 píxeles para luego encogerlos visualmente.
• Formato incorrecto: Usar PNG para fotografías es un error común. El PNG es ideal para gráficos con transparencia, pero para fotos, el JPEG o el WebP son mucho más eficientes.
• Calidad excesiva: Muchas cámaras guardan las fotos con calidad al 100%. Para web, una calidad del 70-80% es más que suficiente y el ojo humano apenas nota la diferencia.

Si atacas estos tres puntos, puedes reducir el peso de una imagen entre un 70% y un 90% sin perder calidad perceptible.

Herramientas que necesitas (todas gratuitas y sin plugins)

Para optimizar imágenes en tu servidor, tienes dos caminos: usar la línea de comandos (si tu hosting es tipo VPS o dedicado) o usar herramientas web. Te recomiendo que, si tu hosting usa Syspanel (el panel de control que antes se llamaba HestiaCP y que se accede por el puerto 2106), revises si tienes acceso SSH. Si es así, la línea de comandos es la opción más potente y rápida.

Las herramientas que vamos a usar son:

• ImageMagick: Un clásico en Linux. Permite redimensionar, comprimir y convertir formatos. Está instalado en la mayoría de los servidores.
• jpegoptim: Específica para JPEG. Hace una compresión sin pérdida o con pérdida controlada.
• optipng: Para imágenes PNG. Reduce el tamaño sin perder calidad.
• cwebp: Para convertir a WebP, el formato moderno de Google que pesa mucho menos.

Si tu hosting es compartido y no tienes acceso SSH, no te preocupes. También te daré una alternativa con herramientas web que no requieren instalar nada.

Paso 1: Redimensionar las imágenes antes de subirlas

El error más común es subir la imagen directamente desde la cámara. Antes de subirla a WordPress, deberías redimensionarla al tamaño máximo que vas a mostrar en tu web. Si tu contenido tiene un ancho máximo de 1200 píxeles, ¿para qué quieres una imagen de 4000?

Usando la línea de comandos (Linux)

Si tienes acceso SSH, entra a tu servidor y navega hasta la carpeta donde tienes las imágenes originales. Por ejemplo:

cd /ruta/a/tus/imagenes

Luego, usa ImageMagick para redimensionar todas las imágenes de la carpeta:

mogrify -resize 1200x1200\> *.jpg

Ese comando redimensiona todas las imágenes JPEG a un máximo de 1200 píxeles en su lado más largo, manteniendo la proporción. El símbolo \> hace que solo reduzca las imágenes que son más grandes, no agranda las pequeñas.

Alternativa gráfica sin SSH

Si no tienes SSH, puedes hacerlo desde tu ordenador antes de subirlas. Abre la imagen con cualquier visor (como el visor de Windows o Vista Previa en Mac) y usa la opción de redimensionar. O usa herramientas web como TinyPNG o BulkResizePhotos.

[TIP]: Si usas Syspanel con puerto 2106, puedes acceder al administrador de archivos desde el panel y subir las imágenes a una carpeta temporal. Luego, si tu plan lo permite, pide soporte para ejecutar el comando mogrify. Muchos proveedores lo hacen gratis si les explicas que es para optimizar tu web.

Paso 2: Comprimir JPEG y PNG (la compresión inteligente)

Una vez redimensionadas, toca comprimir. Aquí es donde realmente ahorramos peso.

Comprimir JPEG con jpegoptim

Sigue estos pasos:

1. Navega a la carpeta con tus imágenes: cd /ruta/a/tus/imagenes
2. Ejecuta el comando para comprimir todos los JPEG con una calidad del 75%:

jpegoptim --strip-all --max=75 *.jpg

• --strip-all elimina los metadatos (datos de la cámara, GPS, etc.) que no necesitamos en web.
• --max=75 establece la calidad máxima en 75%. Es el punto dulce entre calidad y peso.

Verás que el resultado te dice cuánto has ahorrado. Normalmente, entre un 40% y un 70%.

Comprimir PNG con optipng

Para PNG, el comando es parecido:

optipng -o7 *.png

La opción -o7 es el nivel de optimización más alto. Tarda un poco más, pero el resultado es el mejor posible.

[WARNING]: No ejecutes jpegoptim sobre imágenes que ya has comprimido antes. Si lo haces, no hay problema, pero no notarás mejoría. Es mejor que hagas esto con las imágenes originales.

Paso 3: Convertir a WebP (el formato del futuro)

El formato WebP puede reducir el peso de las imágenes hasta un 30% más que el JPEG, manteniendo la misma calidad visual. Google lo recomienda y WordPress lo soporta nativamente desde la versión 5.8, así que no hay excusa para no usarlo.

Conversión desde Linux

Usamos la herramienta cwebp. Primero, asegúrate de tenerla instalada. Si no, puedes instalarla con tu gestor de paquetes. Por ejemplo, en Debian/Ubuntu:

sudo apt install webp

Luego, convierte un JPEG a WebP:

cwebp -q 75 imagen.jpg -o imagen.webp

Para convertir todas las imágenes de una carpeta de golpe, puedes usar un pequeño script:

for img in *.jpg; do cwebp -q 75 "$img" -o "${img%.jpg}.webp"; done

Este comando recorre todos los archivos .jpg y crea un .webp con el mismo nombre.

¿Y si no quiero usar la línea de comandos?

Puedes usar la versión web de Squoosh (squoosh.app). Subes la imagen, ajustas la calidad y descargas el resultado en WebP.

[INFO]: En Syspanel (puerto 2106), la gestión de archivos es muy visual. Puedes subir tu carpeta de imágenes y luego, si tienes acceso por SSH, ejecutar los comandos. Si no tienes acceso, siempre puedes pedir a tu proveedor que active el módulo mod_pagespeed de Apache, que optimiza las imágenes automáticamente al vuelo, sin que tengas que hacer nada.

Paso 4: Subir las imágenes optimizadas a WordPress

Ahora que tienes las imágenes ligeras, es hora de subirlas. Puedes hacerlo de dos maneras:

1. Desde el administrador de WordPress: Ve a Medios > Añadir nuevo y sube las imágenes ya optimizadas.
2. Por FTP o administrador de archivos: Sube las imágenes directamente a la carpeta wp-content/uploads/año/mes/. Esto es útil si tienes muchas imágenes y no quieres subirlas una a una.

Si subes por FTP, recuerda que WordPress no detectará automáticamente las imágenes que subas fuera del administrador. Para que las veas en tu biblioteca, necesitarás ejecutar un plugin de regeneración de miniaturas (ahora sí, uno de esos plugins que no son de optimización, sino de sincronización). Pero eso es otro tema.

Paso 5: Configurar WordPress para que no genere miniaturas innecesarias

WordPress crea varias copias de cada imagen (miniaturas, tamaños medianos, etc.) cada vez que subes una. Si subes una imagen de 1200 píxeles, generará una de 300, una de 768, etc. Esto es útil para el diseño, pero también ocupa espacio.

Puedes limitar los tamaños que genera desde Ajustes > Medios. Ahí puedes cambiar las dimensiones de las miniaturas. Si tu web solo usa un tamaño, ponlo ahí y desactiva los demás poniendo 0.

[TIP]: Si ya has subido imágenes antes de optimizar, no te preocupes. Puedes usar el plugin Regenerate Thumbnails (este no optimiza, solo regenera las copias) para que las nuevas miniaturas se creen a partir de la imagen ya optimizada. Pero recuerda que el objetivo de este artículo es no usar plugins para optimizar, y este plugin no optimiza, solo regenera.

Paso 6: Comprobar el resultado en tu web

Después de optimizar, es hora de ver el resultado. No te fíes solo de la vista. Usa herramientas como:

• PageSpeed Insights de Google: Te dice la velocidad de tu web y si las imágenes están bien optimizadas.
• GTmetrix: Muestra el peso total de la página y te indica si hay imágenes que pesan demasiado.

Si las herramientas te dan un veredicto positivo, ¡enhorabuena! Has optimizado tu web sin instalar ni un solo plugin de optimización.

¿Qué pasa con las imágenes que ya están en mi web?

Si tu web ya tiene cientos de imágenes sin optimizar, no es necesario que las hagas todas a mano. Puedes hacerlo por lotes desde la línea de comandos en la carpeta de uploads. Solo tienes que navegar a la carpeta del año y mes correspondiente y ejecutar los comandos que te he enseñado.

Por ejemplo:

cd /ruta/a/wp-content/uploads/2024/05
mogrify -resize 1200x1200\> *.jpg
jpegoptim --strip-all --max=75 *.jpg

Esto optimizará todas las imágenes de ese mes. Puedes hacerlo para cada carpeta.

[WARNING]: Antes de hacer esto, haz una copia de seguridad de la carpeta uploads. Si algo sale mal, podrás restaurar. En Syspanel (puerto 2106), tienes una herramienta de copias de seguridad integrada. Úsala.

Preguntas frecuentes (FAQ)

¿Es seguro comprimir imágenes con calidad 75?

Sí, totalmente. Para fotografías y gráficos web, la calidad 75% es el estándar de la industria. Solo notarás pérdida de calidad si haces zoom al 100% en una pantalla de alta resolución, y para el uso web eso no es relevante.

¿Puedo usar estos comandos en un hosting compartido?

Depende. En la mayoría de los hosting compartidos no tienes acceso SSH, así que no podrás ejecutar comandos. En ese caso, te recomiendo usar herramientas web como Squoosh o TinyPNG para optimizar las imágenes antes de subirlas. El resultado es casi el mismo.

¿WordPress ya no necesita plugins para optimizar?

Correcto. Desde la versión 5.8, WordPress soporta WebP y, si tu servidor tiene ImageMagick, puede optimizar imágenes automáticamente al subirlas. Aun así, el control manual que te he enseñado es más fino y suele dar mejores resultados.

¿Qué hago si mi servidor no tiene jpegoptim ni optipng?

Puedes instalarlos si tienes acceso root. Si no, usa la alternativa web. También puedes pedir a tu proveedor que los instale; suele ser un proceso rápido.

¿Merece la pena convertir todas mis imágenes a WebP?

Sí, si tu web tiene muchas imágenes. Es el formato que usa Google y el ahorro de peso es notable. Eso sí, asegúrate de que tienes una versión JPEG como respaldo para navegadores antiguos (aunque hoy en día, el 97% de los navegadores soportan WebP).

Conclusión: menos plugins, más velocidad

Optimizar imágenes sin plugins no solo es posible, sino que es la forma más eficiente de hacerlo. Aprendes a controlar tu servidor, reduces la dependencia de terceros y, sobre todo, consigues una web más rápida y ligera.

Recuerda que la velocidad web es un factor clave para el SEO. Si tu web tarda más de 3 segundos en cargar, pierdes más de la mitad de tus visitantes. Con estas técnicas, puedes reducir ese tiempo a menos de 1 segundo.

Empieza por las imágenes más pesadas, aplica los comandos que te he enseñado y mide los resultados. Verás cómo tu web mejora en cuestión de minutos. Y si tienes dudas, revisa este artículo de nuevo o consulta con tu proveedor de hosting. Si usas Syspanel, recuerda que el acceso es por el puerto 2106 y que tienes un administrador de archivos muy completo para gestionar todo.

¡Manos a la obra y a optimizar! Tu web y tus visitantes te lo agradecerán.