Autor: José Ángel Trujillo Padilla

Introducción

Esta guía aborda la política de generación automática de duplicados de imágenes en WordPress y su impacto en la gestión técnica de contenidos web. Comprender cómo y por qué el sistema crea múltiples versiones de cada archivo resulta fundamental para quienes administran sitios web y desean mantener un control adecuado sobre el almacenamiento y el rendimiento del servidor.

Como sistema de gestión de contenidos, WordPress aplica una política de duplicados de archivos de imágenes que queda oculta para quienes no conozcan cuál es la política de gestión de imágenes de este conocido gestor.

Saber y entender la política de duplicados resulta de interés para aquellas personas en cuyas competencias está la gestión y publicación de contenido web.

¿Cómo es la gestión de creación de duplicados en WordPress?

Si subimos un recurso de tipo imagen a la biblioteca de medios de WordPress desde el desconocimiento en materia de optimización de imágenes así cómo de la política de generación de duplicados de WordPress, es posible que en poco tiempo tengamos un sitio web cuyo desempeño se vea comprometido. Del mismo modo lo estará nuestro espacio de alojamiento web.

Por este motivo se hace imprescindible conocer qué factores están detrás de la gestión de duplicados de imágenes en WordPress y cómo poder gestionarlos en pos de una adecuada salud técnica de nuestro alojamiento y servicio web.

Cuando subimos una imagen sin tratamiento alguno en materia de optimización ni gestión, WordPress generará 5 copias de la imagen original. Esto se puede comprobar accediendo a través del gestor de contenidos de nuestro panel de control o utilizando un acceso por FTP a la carpeta de alojamiento de imágenes de WordPress (wp-content>uploads/). En él veremos cómo, además de nuestra imagen original, aparecerá una versión a 150px, otra a 300px y una de 1024px, además de una versión de 768px y otra de 1 536px. 

Supongamos que la imagen subida inicialmente supera los 2 600px en alguna de sus medias (alto o ancho) WordPress generará, además, una versión ‘scaled’ (por debajo de los 2 600px), y una de 2 048px.  

Por tanto, sumadas a las anteriores son un total de 8 imágenes que resultan de esta política de duplicados en este gestor de contenidos.

Sin embargo, si accedemos a la biblioteca de medios en nuestro escritorio de WordPress, solo veremos una imagen.

Esta situación no tendría por qué ser un problema para aquellos sitios web donde el uso total de imágenes sea ciertamente limitado o se controle la optimización de imágenes previo a la subida de estas a la biblioteca de medios. Pero en otros casos como en sitios web de publicaciones periódicas con contenido de imágenes o que su diseño emplee gran cantidad de imágenes, sí que puede convertirse en un serio problema.

Motivos por los que WordPress genera duplicados de imágenes

WordPress genera duplicación de contenidos con el fin de garantizar una adecuada reproducción de imágenes según el contexto en el que estas se muestren. Dejando seleccionar al navegador qué versión debe cargar a través del atributo srcset. Incluso permite la selección de la versión a implementar de forma controlada a través de su editor Gutemberg.

Entendemos que su principal objetivo es garantizar un buen desempeño de la página web en la que éstas imágenes se encuentran ubicadas además de prevenir la gestión de este tipo de archivos a personas inexpertas.

Política para minimizar duplicados en la gestión de imágenes de WordPress

Es importante dejar claro que esta política es acorde a un protocolo que bien puede no ser válido para todos los proyectos. Por tanto no debe considerarse una práctica generalizada. Si bien consideramos que en la mayor parte de los casos es, cuanto menos, recomendable.

Cómo minimizar el duplicado de imágenes en WordPress

En primer lugar es suficiente con no subir imágenes que estén por encima de los 2 000px. que por otro lado es, en el momento en el que se redacta esta guía, un tamaño más que suficiente para la mayor parte de las publicaciones web.

Con esto, garantizamos que WordPress no generará el duplicado ‘scaled’ ni el duplicado de 2 048px.

Reducir duplicados de imágenes a través de los ajustes de WordPress

El siguiente método pasa por ajustar los parámetros de Medios disponible en el menú Ajustes de WordPress. Al acceder y si no se ha editado este parámetro con anterioridad, por defecto, se establecen las miniaturas de 150px, los tamaños medios a 300px y los tamaños grandes a 1 024px. Estos tamaños pueden ser editados y en nuestro caso, indicaremos 0px para cada uno de los parámetros.

De esta forma estaremos eliminado la creación de estas tres versiones o copias de la imagen original. Aún así, WordPress seguirá creando de forma automática la copia 768px y 1 536px. Para nuestro propósito las daremos por válidas, pues impedir estas últimas duplicaciones supondría tener que modificar por código estos parámetros. 

Evitar cualquier duplicado de imágenes en WordPress sin modificar código

Es posible eliminar cualquier tipo de duplicado extra generado por WordPress sin modificar el código. Basta con subir imágenes originales que estén por debajo de 768px. En las pruebas realizadas el tamaño de las imágenes subidas era de 600px. sin que se generara ningún duplicado por lo que nos referimos a esta medida como prueba testeada y validada.

Debemos considerar que utilizar medidas por debajo de esta, anula la creación automática de imágenes que son usadas por WordPress a través del atributo srcset y que permiten al navegador seleccionar la versión más adecuada para determinadas densidades y/o tamaños de pantalla. 

A modo de conclusión

En esta guía se ha expuesto la política de creación de duplicados del gestor de contenidos WordPress en su versión 6.9.X. Así mismo, se han sugerido varias opciones que permiten la gestión y control de estas duplicaciones para minimizar el consumo de espacio de almacenamiento en servidor sin comprometer el desempeño del sitio web en producción.

Protocolo sugerido

Una vez expuesto los aspectos a considerar concluimos en la propuesta de un protocolo sugerido para a gestión y control de duplicados de imágenes a través del gestor de contidos WordPress.

Este protocolo pasa por los siguientes aspectos a considerar:

• El tamaño máximo de imágenes originales a subir estará por debajo de los 2 000px.
• El tamaño mínimo sugerido puede estar en 768px o menos en caso de no ser necesario una versión mejorada para pantallas retina.
• Ajustar a 0 los valores de creación de duplicados en el apartado «Medios» del menú «Ajustes» en el Escritorio de WordPress.

Aplicando estos principios se consigue mantener un control sobre el duplicado de imágenes en WordPress, garantizando un buen control del espacio de almacenamiento en servidor sin comprometer la calidad de las imágenes de nuestro sitio web.