Compartir esta publicacion:

In this post, we’re going to be looking a how and why you should be optimising your image files on your WordPress website, and investigating the pros and cons of the new WebP image format.

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

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 fundamental 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.

There are many factors that can influence site speed, but optimising your image files is perhaps one of the most important.

The images on your website are typically the largest files, often accounting for up to 50% or more of the total size of the site. Large image files can potentially put the breaks on an otherwise speedy page load time.

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

¿Qué es un archivo de imagen WebP?

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

WebP uses some very clever predictive coding which uses the values of neighbouring pixels in an image to predict values and then only encodes the difference. Apparently.

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 aproximadamente 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 imágenes WebP: con pérdida o sin pérdida.

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

Though lossless might sound like the best option, I wouldn’t recommend it, as it doesn’t really result in any significant reduction in file size (lossless just removes unnecessary metadata from the file but doesn’t alter the image).

Lossy does reduce the resolution of an image – but this isn’t really a problem as the difference between the original and the compressed version isn’t noticeable to most people’s eyes.

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

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

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

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

Mientras tanto, deberá 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.

Personally, I would recommend using the WP-Optimize plugin. Este es un gran complemento que analizará y convertirá todos sus archivos de imagen existentes, además de convertir automáticamente cualquier carga nueva.

The plugin is free to install and activate and also comes with some great caching and database optimising features.

💡 ¡Obtenga mi guía de SEO GRATIS hoy!

Regístrese en mi lista de correo y obtenga una copia gratuita de mi libro electrónico "Los 5 mejores consejos de SEO para escribir publicaciones y páginas de WordPress"

¡No hacemos spam! Lea más en nuestro política de privacidad

The article Cómo (y por qué) usar archivos de imagen WebP en WordPress first appeared on woosimon.com

Compartir esta publicacion:

Ir arriba