Optimiza sin plugins las imágenes que crea WordPress y ahorra recursos del servidor

¡CON UN 20% DE DESCUENTO!Alojamiento WordPress con WebEmpresa

Cuando subimos una imagen a WordPress, genera copias de diversos tamaños dependiendo del Theme y plugins instalados. Lamentablemente, no están optimizadas y pueden perjudicar nuestro posicionamiento SEO. Aunque existen plugins para optimizarlas, consumen recursos de nuestro servidor y tenemos poco control sobre ellos. Con este procedimiento podrás optimizar imágenes de WordPress sin plugins tú mismo en un minuto usando herramientas gratuitas.

Tiempo medio de lectura: 6 min (1.700 palabras).
Si no tienes tiempo ahora, puedes saltar directamente a las conclusiones del artículo.



 

¿Porqué no utilizar plugins para optimizar imágenes en WordPress?

A veces es mejor no usar algunos plugins en WordPress para comprimir imágenes
Optimizar imágenes sin Plugins en WordPress, ¿es posible?

Sabemos de la importancia de  optimizar y comprimir las imágenes de nuestros artículos en WordPress, tanto en dimensiones como en resolución y calidad, para que reducir el tiempo de descarga de nuestras páginas y no penalizar nuestro posicionamiento SEO.

Esto podemos (¡debemos!) hacerlo fácilmente con las imágenes que creamos y subimos nosotros mismos al gestor de contenidos, pero ¿cómo comprimir las imágenes que WordPress, el Theme o los plugins generan automáticamente cada vez que subimos una imagen?

Una solución, generalmente válida, consiste en utilizar cualquiera de los plugins disponibles para que hagan esta tarea. Sin embargo, presenta algunos inconvenientes:

  • Supone tener un plugin más instalado en WordPress, lo que siempre tiene algún efecto en el rendimiento final del gestor de contenidos.
  • Consumen recursos del servidor (memoria, procesador o ancho de banda) cuando están optimizando las imágenes.
  • Pueden requerir tareas adicionales de instalación o configuración que no todos estamos en disposición de hacer (por ejemplo, EWWW Image Optimizer requiere tener algunas librerías de compresión instaladas en el servidor).
  • Dependen de servidores terceros para realizar la optimización (como WP Smush It). Aunque esto libera a nuestro propio servidor, estaríamos sujetos a las especificaciones, limitaciones de ese tercero o, raro pero posible, que el servidor se haya caído y no estemos al tanto de ello.
  • A muchos de nosotros (me incluyo) nos produce cierta “incomodidad” el que haya un proceso ejecutándose en segundo plano sin saber muy bien qué están haciendo, a veces manipulando la base de datos, y que añaden un punto de posible fallo.

Sin embargo, con las herramientas adecuadas y un procedimiento bien definido, nosotros mismos podemos optimizar estas imágenes dentro del propio proceso de publicación, en apenas un minuto.


Guía de hosting WordPress y mejores optimizaciones

Procedimiento para optimizar imágenes en WordPress al publicar tu post

Procedimiento paso a paso para comprimir las imágenes de un post en WordPress
Pasos para optimizar las imágenes en WordPress

Mientras estamos escribiendo un artículo o lo releemos antes de su publicación, siempre surge alguna idea nueva, un enfoque ligeramente distinto o algún retoque.

Por este motivo, os recomiendo que dejéis la optimización de imágenes en WordPress para el último momento, cuando tengáis claro que ya vais a publicar el artículo tal como está. De esta forma, os evitáis tener que repetir el proceso de optimización. En mi caso, lo hago después de publicarlo y de haber hecho una revisión rápida del artículo.

Para la optimización sólo vamos a necesitar dos herramientas: un cliente FTP (aquí utilizaré FileZilla) y una utilidad para comprimir imágenes, sea online o aplicación de escritorio  (aquí utilizaré la herramienta online Kraken).

Podéis utilizar cualesquiera otras de vuestra preferencia, pero es importante que la herramienta de optimización permita la compresión por lotes; es decir, que pueda optimizar un bloque de imágenes de una vez. También ayuda, y mucho, que el cliente FTP sea gráfico, no mediante comandos de texto.

Veamos ahora el procedimiento, paso a paso:

? No basta con optimizar las imágenes de subes a #WordPress. Hazlo también con las miniaturas #SEO ? Clic para tuitear

1. Organiza las carpetas de imágenes por mes y año.

Aunque no imprescindible, es recomendable que en WordPress organicemos los archivos en carpetas por mes y año, ya sea en el mismo dominio que la web o en un subdominio. Aunque hay mucho debatido sobre la conveniencia o no de hacerlo así, lo cierto es que nos facilita enormemente la organización y posterior gestión de los ficheros.

Por un lado, nos facilita la localización de los ficheros de imágenes en WordPress y, por otro, sigo considerando que para un sistema operativo y un sistema de ficheros resulta mucho más fácil manejar 10 carpetas con 1.000 ficheros cada una, que 1 carpeta con 10.000 ficheros.

2. Accede por FTP a tu servidor de alojamiento

Conéctate con tu cliente FTP a tu servidor de hosting y ubícate en la carpeta de las imágenes que quieras optimizar. En mi caso, la carpeta correspondiente al mes de abril de 2016:

Estructura de carpeta por año y mes de WordPress para las descargas

3. Localiza las imágenes que quieras optimizar

Tu cliente FTP te mostrará todos los ficheros que haya en esta carpeta. En el momento de escribir la presente, estamos a mediados abril y ya tengo casi 500 ficheros, ocupando 15Mb… Fijaos también en cómo se repiten las imágenes, cambiando sólo las dimensiones en el nombre del fichero:

Carpeta con todas las imágenes generadas por WordPress en abril

4. Seleciona las imágenes que vayas a optimizar

Ahora selecciona las imágenes que vayas a optimizar. En este caso, seleccionaré las correspondientes a mi artículo de recopilación sobre Marketing Digital de marzo. Me resulta fácil hacerlo porque habitualmente subo todas las imágenes de un artículo cuando prácticamente lo tengo terminado, así que todas tienen la misma fecha y hora. En este caso, “sólo” son 88 imágenes, que ocupan 2,5 Mb. Para que os hagáis una idea, ese artículo tiene 14 imágenes; el resto las ha generado WordPress, el Theme y los plugins, ¿veis ahora lo importante que es optimizarlas?:

Imágenes seleccionadas en el cliente FTP para descargarlas localmente

5. ¡Copia las imágenes a tu ordenador!

Copia estas imágenes a una carpeta vacía de tu ordenador. Es importante que esté vacía para facilitar las operaciones posteriores. Además, esta carpeta quedaría como copia de seguridad en caso que metamos la pata (hay que curarse en salud… ¡SIEMPRE!).


¡CON UN 20% DE DESCUENTO!Alojamiento WordPress con WebEmpresa

6. Prepara tu herramienta para optimizar imágenes

Ejecuta (si es aplicación de escritorio) o accede (si es una aplicación online) a tu herramienta de optimización de imágenes favorita. Kraken tiene un interface muy sencillo, optimiza tanto PNG como JPG con o sin pérdida (casi siempre elijo con pérdida (2), “lossy”, que es inapreciable) y, lo más importante, permite optimizar un lote de imágenes de una vez, con sólo arrastrar los ficheros al cuadro (3):

Interface de configuración del optimizador de imágenes online Kraken

7. Ahora sí: optimiza las imágenes desde tu ordenador

Arrastra o carga las imágenes en la herramienta de optimización, espera unos segundos y… ¡ya están todas optimizadas! En el caso de Kraken, muestra un listado con todas las imágenes, indicando la reducción en tamaño:

Listado de resultados de la optimización de imágenes con Kraken

Como podéis ver en las columnas de “Savings” y “% Savings”, la optimización ha reducido el espacio ocupado por las imágenes en 700 Kb, casi un 30% menos que al principio.  Habida cuenta que la mayoría son thumbnails e imágenes de pequeño tamaño, es una reducción bastante apreciable. Observaréis también que hay algunas imágenes que Kraken no optimiza (1): son las originales que subí a WordPress, ya más que optimizadas.

En Kraken podéis descargar las imágenes una a una (2), almacenarlas en vuestro Dropbox (3) o descargarlas en vuestro ordenador un fichero comprimido ZIP (4) con todas ellas. Descarga el fichero ZIP y descomprímelo en una carpeta de tu ordenador.

8. Copia las imágenes optimizadas a tu servidor con el cliente FTP

Utiliza el cliente FTP para copiarlas de vuelta a la misma carpeta donde estaban, sobrescribiendo las anteriores (recordad que seguís teniendo una copia de las originales en vuestro ordenador, por si cometéis algún error en algún punto).

Como son muchas imágenes, asegúrate que le indicas al cliente FTP que sobrescriba todos los ficheros (1 y 2), pero sólo durante esta sesión o cola de copiado (3); en contadas ocasiones es aconsejable dejar por defecto que se sobrescriban los ficheros:

Sobreescribir las imágenes optimizadas al copiar con el cliente FTP

9. ¡Y ya está!

Ya hemos terminado y ahora podemos admirar en el servidor, a través del cliente FTP, nuestras flamantes imágenes optimizadas 🙂

En la siguiente imagen, os muestro algunos ficheros después (izquierda) y antes de la optimización (derecha), para que veáis cuánto se ha reducido cada uno. Observad cómo en las imágenes del bloque 1, la optimización ha sido mucho mayor que para las imágenes del bloque 2:

Comparación de las imágenes optimizadas en WordPress con el cliente FTP

En función de la complejidad de la imagen (número de colores, variedad gráfica, dimensiones, etc.), las imágenes se optimizan en más o menos tamaño. En este caso, las imágenes del bloque 2 son menos complejas que las del bloque 1, lo que da menos margen para la optimización.

 

En este punto, si queréis, podéis navegar por vuestra web un ratito para comprobar que todo está perfecto, pero dado que sólo hemos copiado ficheros, sin ejecutar nada en el servidor ni tocar la base de datos, y siempre que hayamos sido cuidadosos y sistemáticos, difícilmente puede haber un procedimiento más seguro y estable que éste.



Conclusiones

Conclusiones del post: resumen para leer en menos de un minutoSin lugar a dudas, los plugins de WordPress nos proporcionan utilidades y funcionalidades extremadamente útiles en la gran mayoría de los casos. Sin embargo, no es menos cierto que esta ventaja viene con un precio; a saber: mayor consumo de recursos de nuestro servidor de alojamiento.

Por este motivo, siempre hay que evaluar el beneficio que un plugin nos proporciona frente al posible perjuicio que nos podría provocar e, incluso, si es posible sustituirlo por tareas menos automáticas o por líneas de código PHP, HTML o CSS personalizados.

Cuando subimos una imagen a la librería de medios, WordPress genera varias imágenes de diversos tamaños, en función de su configuración, del Theme y de los plugins instalados. Aunque la imagen original esté optimizada, estas copias no lo están.

Disponemos de plugins optimizadores de imágenes, como EWWW Image Optimizer o WP Smush It, que pueden optimizar las imágenes de WordPress por nosotros, pero os propongo una alternativa manual, basada en un procedimiento sencillo de pocos pasos que solo requiere utilizar dos herramientas: un cliente FTP y una aplicación de optimización de imágenes. Este procedimiento se aplicaría cuando se publique el artículo y, dada su sencillez, apenas supondría un minuto adicional de nuestro tiempo.

¿El beneficio que se obtiene? Tener un plugin menos consumiendo recursos del servidor, controlar directamente la optimización de imágenes y eliminar una posible fuente de errores debido a un proceso que estaría ejecutándose en segundo plano.

❓ Cómo optimizar TODAS las imágenes que tiene tu #WordPress... ¡sin usar #plugins! ? Clic para tuitear

¿Qué opinas de prescindir de plugins optimizadores de imágenes? Posiblemente sean buena opción para blogs con alto índice de publicación (varios artículos diarios y diversos autores) pero, para blogs con solo un autor y una frecuencia de publicación semanal o varias veces por semana, creo que este procedimiento manual es más que suficiente, ¿piensas lo mismo? ¿Por qué no 😉 ?

Imágenes: iconfinder, lifeofpix, elaboración propia.



 

¿El post te ha resultado útil? ¡Ayúdame a mejorar y puntúalo!
[ Hasta ahora habéis votado 21, con nota media 4.8 ]

Otros posts del SEO de los Anillos que pueden interesarte

Cómo optimizar las imágenes y miniaturas en WordPress … ¡sin plugins!
Etiquetas: ftp    imágenes    optimización    plugins
Sobre el autor,
Consultor SEO Freelance, Ingeniero Superior de Informática y Experto Universitario de Social Media Marketing, con más de 20 años de experiencia en gestión de Proyectos Web y Nuevas Tecnologías.

Hay 13 comentarios acerca de:
    “Cómo optimizar las imágenes y miniaturas en WordPress … ¡sin plugins!

  • 05/09/2019 a las 21:46
    Enlace permanente

    Hola Fernando,

    Excelente artículo sobre optimización de imágenes para nuestro WordPress, a mi me gusta el plugin WP Smush It porque optimizas las thumbnails, hasta ahora no conozco otro que haga esto y con buen ahorro de espacio. No se si haya otro de este tipo y con mayor poder de ahorro de espacio.

    Saludos.

    Responder
    • 12/09/2019 a las 19:48
      Enlace permanente

      Hola, Raúl:

      Gracias por tu comentario.

      Así es, WP Smush It optimizar todas las imágenes del WordPress, incluidas todas las miniaturas, sean de WordPress, el tema o un plugin. EWWW Image Optimizer también funciona bastante bien.

      Éste y otros plugins funcionan muy bien, pero consumen recursos del servidor y, en mi caso, apenas dedico cinco-diez minutos en optimizar las imágenes de cada nuevo artículo. Si lo tuviera que hacer diariamente, posiblemente me lo pensaría, pero semanalmente, prefiero hacerlo así 🙂

      Un saludo!!

      Responder
  • 25/04/2019 a las 2:33
    Enlace permanente

    Buenas Antonio excelente articulo, te hago una consulta pues ya estoy re loco de optimizar y optimizar, realice todo los pasos por ti recomendados y con 10 plugins diferentes y me sigue saliendo en GTmetrix el mensaje «Serve scaled images» y nota F y no se ya que hacer, puedes darme una mano, desde ya mil gracias por todo.

    Responder
    • 28/04/2019 a las 11:43
      Enlace permanente

      Hola, Marcelo:

      Me alegro que te haya resultado útil el post 🙂

      Sobre tu pregunta, ese mensaje te sale porque no tienes optimizado el tamaño de las imágenes al tamaño del área de visualización. En otras palabras, tu imagen tiene unas dimensiones (alto y ancho) distintas (y mayores) que las dimensiones del espacio donde se muestra dentro de la página. Dado que la imagen es más grande, se juntan dos problemas: se descarga una imagen de mayor peso cuando en realidad no hace falta (más tiempo de descarga) y el navegador debe redimensionar esta imagen al tamaño en que se mostrará (más tiempo de proceso).

      Por tanto, debes localizar estas imágenes y redimensionarlas al tamaño de visualización. En este artículo tienes una guía muy detallada, aunque algo técnica: https://gtmetrix.com/blog/how-to-optimize-images-a-practical-guide/

      Espero haberte sido de ayuda 🙂

      Un saludo!!!

      Responder
  • 13/03/2019 a las 9:54
    Enlace permanente

    Excelente articulo, para una función que la mayoría de la gente utiliza plugins. En mi caso me gusta trabajar las imágenes con ps y luego pasarlas por alguna herramienta online para reducirla un poco mas si es posible.
    Muchas gracias por compartir tan valiosa información Antonio!!!

    Responder
    • 13/03/2019 a las 22:04
      Enlace permanente

      Hola, Nikana:

      Me alegro que te haya gustado el artículo.

      Muy buena opción la que comentas, pero no olvides que WordPress, como otros gestores de contenido, generan a veces imágenes por su cuenta, versiones de diferentes tamaños de las nuestras, y que no siempre lo hacen de la forma más óptima posible.

      ¡Un saludo!

      Responder
  • 02/10/2018 a las 19:55
    Enlace permanente

    Estoy de acuerdo. Lo mejor es comprimir las fotografías después de editarlas con Photoshop. Tenía más de 80.000 fotos de fiestas nocturnas en mi web y los plugins se quedaban pillados.

    Al final tuve que pagar 100 pavos a estos https://wptizers.com/optimizar-imagenes/wordpress para que arreglaran todas las fotos… eso sí, las nuevas fotos ya las subo bien.

    Gracias por el tutorial!

    Responder
    • 03/10/2018 a las 11:40
      Enlace permanente

      Gracias por tu comentario, Isma!!

      Me alegro que el post te haya gustado y sido de utilidad.

      ¡Uf! La verdad es 80.000 fotografías son muchísimas para ser tratadas de una vez casi por cualquier herramienta. Lo mejor es, como tú dices, comprimirlas cuando se suban al servidor sino, a la larga suponen un problema que se acumula.

      ¡Un saludo!

      Responder
  • 12/10/2017 a las 18:21
    Enlace permanente

    Me parece muy buena herramienta, lo vengo utilizando en mi proyecto siempre.
    Me gustaria encontrar alguna herramienta que pueda instalar en el servidor y que de forma periódica y automática vaya optimizando las imágenes, a modo de evitar mucho proceso manual.
    La web que tengo está programada con PHP y no utilizo CMS por lo tanto si existe algún sistema que pueda hacer este trabajo agradeceria mucho lo compartieras.

    Disculpa que escriba sobre un tema publicado hace poco más de un año.
    Saludos!

    Responder
    • 12/10/2017 a las 20:28
      Enlace permanente

      Hola, Alan:

      Si no utilizas ningún CMS, entiendo que las imagénes las subes directamente a través de FTP o un panel de control (dashboard) que disponga el servidor de alojamiento. En este caso, no creo que exista ninguna herramienta que haga esta tarea automáticamente cuando subes las imágenes, sino que tienes que optimizarlas en local. Yo, la verdad, prefiero hacerlo con herramientas web (como Kraken) pero puedes probar la aplicación Paint.net con algún plugin, que lo hace en el ordenador, aunque imagen a imagen.

      Un saludo!!

      Responder
  • 17/08/2016 a las 22:44
    Enlace permanente

    Excelente, a tu tutorial, optimice todas las fotografías con una accion de photoshop para poder reducir y optimizar el peso de las imágenes, tienes alguna opcion para trabajar en lotes de imagenes y editar lo alt y leyendas de las imágenes? saludos

    Responder
    • 18/08/2016 a las 9:15
      Enlace permanente

      Hola, Alan:

      Gracias por dejar un comentario. Me alegro que el artículo te haya resultado útil.

      Sobre tu pregunta, hay algunos plugins para editar más rápidamente los ALT o las leyendas (Media Library Alt Fields o Faster Image Insert) e incluso uno que rellena «automáticamente» el ALT y el TITLE (SEO Friendly Images), pero no recomiendo su uso. Dada la relevancia que tienen para el posicionamiento orgánico, Los textos alternativos y leyendas deberían editarse uno a uno para cada imagen, y el interface de WordPress es muy eficaz en ese aspecto.

      En mi caso, cuando subo las imágenes a la biblioteca de medios, en ese mismo momento edito el ALT y, si son varias imágenes, paso directamente a otra pulsando en las flechas de la esquina superior derecha. La leyenda suelo editarla cuando inserto la imagen en un post, puesto que puedo poner una imagen en más de un post y la leyenda debería ser acorde a su contenido y, si fuese necesario, también cambiaría el ALT.

      Espero haberte servido de ayuda.

      Un saludo.

      Responder
  • Pingback: Bitacoras.com

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.