La optimización de imagenes en WordPress es una práctica indiscutible que ofrece múltiples beneficios. No solo mejora la experiencia de los usuarios, sino que también contribuye a obtener un mejor reconocimiento por parte de Google y sus bots, lo que puede aumentar la visibilidad y el atractivo de tu sitio web.
En WordPress, ¿cuánto espacio ocupan las imagenes?
En general, las imágenes alojadas en la carpeta /wp-content/uploads son responsables del 70% del espacio ocupado por un sitio web WordPress. Por lo tanto, es importante dedicar tiempo y esfuerzo a reducir el tamaño de las imágenes en WordPress sin comprometer su calidad. Esta estrategia te ayudará a mejorar el rendimiento de tu sitio y a obtener mejores resultados en herramientas como PageSpeed Insights.
Si las imágenes no se encuentran en la ruta /wp-content/uploads, existen guías disponibles para cambiar la ubicación de las imágenes en WordPress o para solucionar problemas de imágenes rotas en el sitio.
Es fundamental utilizar imágenes de calidad y originales en tus publicaciones y páginas de WordPress, así como en los productos de tu tienda WooCommerce. Al mismo tiempo, es igualmente importante optimizar adecuadamente estas imágenes para mejorar los tiempos de carga sin comprometer su calidad. Al encontrar el equilibrio correcto entre calidad visual y optimización, garantizas una experiencia óptima para los usuarios al tiempo que mantienes la apariencia profesional y atractiva de tu sitio.
¿Qué opina el Codex sobre las imagenes?
Es cierto que el Codex de WordPress proporciona una explicación concisa sobre la optimización de imágenes, resaltando la importancia de asegurarse de que estén optimizadas para la web. Al hacerlo, se logra ahorrar tiempo de carga, ancho de banda y, además, se puede mejorar la clasificación en los motores de búsqueda. Aunque este consejo puede parecer obvio, es un recordatorio importante de los beneficios que se obtienen al optimizar adecuadamente las imágenes en un sitio web.
En WordPress, existen tamaños de imágenes predeterminados que se llaman “thumbnail” (y su alias “thumb”), “medium”, “large” y “full”. Estos tamaños de imagen se pueden personalizar en el panel de administración, específicamente en la configuración de Ajustes > Medios. Desde allí, es posible ajustar las dimensiones y las proporciones de estos tamaños de imagen según las necesidades y preferencias del sitio. Esta configuración permite adaptar las imágenes a diferentes secciones y diseños de la página, optimizando así su visualización y rendimiento.
En WordPress, los tres tamaños de imagen predeterminados son “miniatura”, “medio” y “grande”, según se les denomina en la plataforma.
El tamaño de la miniatura tiene una configuración especial que permite recortar la imagen a la dimensión exacta especificada.
Si decides reducir los tamaños establecidos en la configuración de Medios, este cambio sólo afectará a las imágenes que se suban posteriormente a la biblioteca de medios de WordPress. Las imágenes existentes conservarán sus tamaños originales y los demás tamaños establecidos previamente.
Además, es posible modificar el tamaño de las imágenes de los productos en WooCommerce mediante pequeños ajustes. Esto te permite personalizar el aspecto visual de tus productos y adaptarlos a tus necesidades específicas.
¿Qué opina PageSpeed Insights?
Si aún no has utilizado PageSpeed Insights para evaluar la velocidad de carga de tu sitio web, te animo a que lo hagas lo antes posible. Esta herramienta te proporcionará información valiosa sobre el rendimiento de tu página y te permitirá identificar posibles cuellos de botella que podrían afectar su visibilidad en Google y otros motores de búsqueda.
Tomemos como ejemplo una tienda en línea creada con WooCommerce, donde publicas regularmente nuevos productos.
Es común que las fotografías de estos productos, tomadas desde dispositivos móviles, tengan un tamaño de al menos 2 o 4 MB, e incluso más, y que las subas a la tienda sin optimizarlas previamente.
Al utilizar PageSpeed Insights, podrás detectar qué imágenes están afectando negativamente la velocidad de carga de tu tienda. Esto te permitirá tomar medidas y optimizar las imágenes antes de subirlas, lo que resultará en una mejor experiencia de usuario y una mayor optimización para los motores de búsqueda.
¿Qué formatos son apropiados?
Es importante prestar atención a los formatos de imágenes que utilizas en tus sitios web de WordPress. Aunque existen varios formatos comunes para imágenes, no todos representan las imágenes de la misma manera en términos de calidad y tamaño de archivo. Por lo tanto, es crucial elegir el formato adecuado según tus necesidades.
En la actualidad, hay una creciente tendencia hacia la publicación inmediata, donde los dispositivos móviles desempeñan un papel fundamental al permitir capturar y compartir imágenes al instante. Sin embargo, es poco recomendable publicar estas imágenes sin pasar por un proceso de optimización previo.
Es común que la mayoría de los usuarios tengan sus dispositivos móviles configurados con resoluciones y tamaños de archivo predeterminados por los fabricantes, que suelen ser de alrededor de 8 MB a 16 MB, e incluso más. Esto plantea un problema en términos de optimización, ya que estas imágenes de alta resolución pueden afectar el rendimiento de carga directa en un sitio web sin optimizar.
Dos formatos de imagen ampliamente utilizados son:
JPG: Es un formato de imagen comprimido que reduce la calidad de la imagen para generar archivos de menor tamaño o peso. Es ideal para su uso en Internet, ya que permite una carga más rápida de las imágenes. Se recomienda especialmente para imágenes con muchos colores, como fotografías.
PNG: Es un formato de imagen no comprimido que conserva toda la información de la imagen. Al comprimirse, puede perder cierta información y generar archivos de mayor tamaño, lo que implica tiempos de carga más largos. Este formato está más orientado al diseño, la fotografía y la impresión. Se recomienda especialmente para imágenes más simples, con menos colores o que requieran fondos transparentes.
¿La falta de espacio se resuelve eliminando imagenes?
Es claro que antes de llevar a cabo una acción tan delicada como la eliminación de imágenes de la instalación de WordPress, es necesario tener una comprensión clara de cuáles imágenes se utilizan y cuáles no. El hecho de que no las utilices personalmente no significa necesariamente que WordPress, tu tema o alguno de los plugins instalados no las estén utilizando. Por lo tanto, es importante realizar una copia de seguridad antes de proceder. Ya sea que decidas hacer una copia de seguridad de todo tu sitio web o solo de la biblioteca de medios, este paso es esencial para garantizar la seguridad de tus datos. En caso de cualquier problema o error, tener una copia de seguridad te permitirá restaurar tus imágenes y otros elementos sin complicaciones.
Existen opciones como el plugin DNUI (Delete Not Used Image WordPress) disponible en https://es.wordpress.org/plugins/dnui-delete-not-used-image-wordpress/ que puedes utilizar para detectar las imágenes que no se están utilizando en tu instalación de WordPress. Sin embargo, es importante tener en cuenta que estos plugins pueden tener falsos positivos, por lo que se recomienda utilizarlos con precaución y sentido común para evitar eliminar imágenes que aún son necesarias.
En lugar de depender exclusivamente de plugins para estas tareas, es fundamental ejercer precaución al llevar a cabo estas acciones. Además, otra alternativa es utilizar servicios de almacenamiento en la nube para tus imágenes, lo cual te ayudará a mantener un espacio de disco más ordenado y optimizado en tu hosting.
Para ver un poco sobre nuestro contenido visita el blog.