Cómo (y por qué) usar archivos de imagen WebP en WordPress

En esta publicación, vamos a buscar un cómo y por qué debería optimizar sus archivos de imagen en su sitio web de WordPress, e investigar los pros y los contras del nuevo formato de imagen webp.

La paciencia es una virtud. ¡Una virtud que pocos de nosotros exhibimos cuando navegamos por la web!

La velocidad de carga rápida del sitio es crítica si desea que las personas interactúen con su sitio web. Si su página tarda demasiado en cargarse, la gente simplemente navegará a otro sitio, un cliente potencial perdido para siempre.

Hay muchos factores que pueden influir en la velocidad del sitio, pero optimizar sus archivos de imagen es quizás uno de los más importantes. Las imágenes en su sitio web suelen ser los archivos más grandes, a menudo representando hasta el 50% o más del tamaño total del sitio, y potencialmente pueden poner los descansos en un tiempo de carga de página de otra manera rápido.

Aquí es donde entra en juego la compresión de imágenes WebP.

Cómo (y por qué) usar archivos de imagen WebP en WordPress
¡La velocidad lo es todo!

¿Qué es un archivo de imagen WebP?

WebP es un nuevo formato de archivo que comprime los archivos de imagen JPEG y PNG tradicionales, reduciendo significativamente su tamaño en un 25-35%.

WebP utiliza una codificación predictiva muy inteligente que utiliza los valores de los píxeles vecinos en una imagen para predecir valores y luego solo codifica la diferencia. Aparentemente.

Cómo funciona exactamente esto, no tengo idea, pero el detalle importante es que después de la compresión el archivo de imagen es alrededor de 1/3 más pequeño y por lo tanto se cargará considerablemente más rápido!

¿Hay una pérdida de calidad con las imágenes WebP?

Hay dos opciones de compresión diferentes disponibles con las imágenes WebP: con pérdida o sin pérdida.

Como los nombres podrían implicar, lossy implica cierta pérdida de calidad, lossless no.

Aunque lossless puede sonar como la mejor opción, no lo recomendaríamos, ya que realmente no resulta en ninguna reducción significativa en el tamaño del archivo (lossless solo elimina los metadatos innecesarios del archivo, pero no altera la imagen).

Lossy reduce la resolución de las imágenes, pero esto no es realmente un problema, ya que la diferencia entre la versión original y la versión comprimida no es perceptible a los ojos de la mayoría de las personas.

Para la mayoría de los sitios web, el enorme beneficio de acelerar su sitio va a superar con creces una pérdida imperceptible de calidad de imagen.

¿Cómo uso las imágenes WebP con WordPress?

A partir de septiembre de 2020, no es posible cargar imágenes WebP a WordPress directamente.

Esto se debe a que aunque la mayoría de los principales navegadores ahora funcionan con WebP, todavía no es 100% compatible, sobre todo no funcionarán con Safari (aunque se dice que el soporte se agregará en la próxima actualización que saldrá en cualquier momento ahora).

Mientras tanto, tendrá que cargar un complemento en WordPress que comprimirá sus imágenes y las servirá como imágenes WebP para usted en navegadores compatibles, o como archivos JPG / PNG tradicionales en navegadores más antiguos.

Personalmente, recomendaría usar Imagify. Este es un gran complemento que analizará y convertirá todos sus archivos de imagen existentes, además de convertir automáticamente cualquier nueva carga.

El plugin es gratuito para instalar y activar, y le permite convertir 25MB de imágenes por mes.

Dependiendo de sus propósitos, esto puede ser suficiente, especialmente si evita cargar archivos de imagen enormes en primer lugar.

Si desea procesar más de 25 MB en un mes (como puede ser el caso si está construyendo un nuevo sitio, o desea convertir todas las imágenes en un sitio existente) tienen planes mensuales, o paquetes únicos a precios muy asequibles.

Fácil peasy!

Hello, I'm Simon!

Get more tips on WordPress, Digital Marketing and Solopreneurship direct to your inbox.

Ir arriba