Resumen

En este artículo se explica por qué y cómo optimizar las imágenes para sitios web de WordPress. Personalmente, recomiendo hacerlo antes de subir las imágenes, pero también hay algunos plugins útiles si ya las has subido.

¿Por qué optimizar las imágenes?

La velocidad es fundamental. Sentarse cinco minutos a esperar a que se carguen las imágenes no es lo que quieres. Y sí, hoy en día la mayoría de la gente tiene Internet rápido, pero no siempre es así. Especialmente en las redes móviles, las velocidades no siempre son tan rápidas y, además, si la gente descubre que tu sitio web les ha consumido 100 MB de datos, es posible que se enfaden contigo.

También hay que tener en cuenta las cuestiones ecológicas, ya que un tamaño mayor implica un mayor consumo de electricidad…

WordPress lo hace por mí

Sí y no, WordPress crea versiones más pequeñas de las imágenes cuando se suben, que suelen llamarse miniatura, mediana y grande. Y sí, puedes utilizarlas, dependiendo de tu tema, pueden utilizarse para las imágenes destacadas de tus entradas de blog o de cualquier otra forma. Pero WordPress no cambia el formato de la imagen, por lo que si subes un PNG, seguirá siendo un PNG.

Compresión: WebP es el mejor

El mejor formato es WebP, un formato de imagen moderno que ofrece una compresión sin pérdida y con pérdida superior para imágenes en la web. Básicamente, este formato se creó para utilizarse con imágenes en la web. Existe otro formato similar, llamado AVIF, pero, lamentablemente, no todos los navegadores lo admiten, por lo que no es una opción viable.

El formato JPG también está bien, al fin y al cabo, lo importante es el tamaño. Con WebP se obtiene una mejor calidad con el mismo tamaño, pero si no quieres complicarte con WebP, el JPG está bien.

PNG no es adecuado. Los archivos PNG son demasiado grandes y no son buenos para sitios web. Si necesitas alfa, es decir, que tu imagen tenga algunas partes transparentes que muestren lo que hay detrás, WebP también admite alfa.

Todas las demostraciones de Minimalio utilizan WebP y ninguna de las imágenes supera los 150 KB.

Tamaño en px: ~2000px max

Depende mucho de cómo y dónde utilices la imagen. Si se trata de una imagen grande que ocupa toda la página web, yo diría que 2000 píxeles es suficiente. Pero puedes probarlo. También hay que tener en cuenta las pantallas Retina. No obstante, si tienes tres imágenes en una página una al lado de la otra, 1000 píxeles de ancho debería ser suficiente.

Tamaño en KB: ~500KB max

De nuevo, depende de dónde, pero en general, diría que 500 KB es el máximo absoluto, cualquier cosa por encima de eso es innecesario y nadie notará la diferencia.

Cómo optimizar

Hay dos opciones. Personalmente, creo que es mucho mejor optimizar las imágenes antes de subirlas, de esa manera, no es necesario utilizar plugins, servicios de terceros ni nada por el estilo.

Optimiza antes de subir

Hay miles de herramientas online gratuitas y miles de aplicaciones que puedes utilizar. Además, cada semana aparecen de nuevas, por lo que es imposible estar al día y saber cuál es la mejor opción en cada momento.

Tengo experiencia con esta herramienta online gratuita. – https://squoosh.app/ Y es fantástica, el problema es que solo puedes ajustar una imagen a la vez.

Por eso compré una aplicación en la App Store, seguro que hay otras aplicaciones similares, quizá incluso gratuitas para PC. Esta aplicación me ahorra tanto tiempo que se la recomendaría a todo el mundo. Se llama Image Tool + Y la recomiendo encarecidamente.

Optimiza después de subir

Para optimizar las imágenes que ya tienes en tu WordPress, tienes que utilizar un plugin. Una vez más, hay tantas opciones que es difícil llevar la cuenta. Yo he utilizado el plugin Imsanity durante bastante tiempo y es fiable y hace lo que dice, además de ser gratuito. Recientemente, he probado CompressX y también parece funcionar bien.

Complemento Imsanity

Este complemento redimensionará automáticamente tus imágenes después de subirlas, y también puedes utilizarlo para redimensionar de forma masiva las imágenes que ya tienes allí. También puede convertir PNG a JPG, pero lamentablemente solo para las imágenes recién subidas, por lo que no puedes convertir PNG a JPG para las imágenes que ya tienes en tu sitio web.

https://wordpress.org/plugins/imsanity/

CompressX

He probado recientemente este plugin y me parece que funciona, pero recomendar plugins es algo muy delicado y no quiero responsabilizarme. No tengo nada que ver con este plugin, así que ten cuidado. Sin embargo, cambia el tamaño de todas las imágenes a WebP de forma gratuita y eso es increíble.

https://wordpress.org/plugins/compressx

¿Tienes un plugin mejor?

Si conoces uno mejor, por favor, házmelo saber para que pueda recomendarlo a otros. Gracias.