WebP es un formato de imagen moderno que ofrece mejor compresión para las imágenes en la web.
Las imágenes WebP son un 30% más pequeñas de media que sus equivalentes JPEG o PNG, por lo que los sitios son más rápidos y utilizan menos ancho de banda. Además es compatible con todos los navegadores modernos.
A partir de la versión 5.8 de WordPress, puedes subir y utilizar imágenes WebP en WordPress como lo harías con una imagen JPEG o PNG (siempre y cuando tu servicio de alojamiento soporte WebP).
El cambio al formato WebP para tus imágenes mejorará el rendimiento de tu sitio y la experiencia de tus usuarios.
Beneficios del formato WebP
Las imágenes WebP son significativamente más pequeñas que sus equivalentes JPEG, tu sitio cargará más rápido. Las imágenes más pequeñas necesitan menos ancho de banda y se benefician también de lazy load y modo responsive.
Cómo crear imágenes WebP
Las herramientas de edición de imágenes soportan la exportación en WebP, también puedes utilizar herramientas de conversión de línea de comandos o herramientas web como Squoosh.
Una vez que guardes tus imágenes como WebP, súbelas a WordPress y utilízalas como lo harías con cualquier otra imagen.
Uso de las imágenes WebP en WordPress
Las imágenes WebP funcionan como cualquier otra imagen en WordPress con algunas pequeñas diferencias.
Las imágenes WebP admiten compresión con y sin pérdida, así como un formatos animados y soporte para imágenes transparentes.
En WordPress, el formato WebP sin pérdidas sólo es compatible cuando el servidor de alojamiento utiliza Imagick (la biblioteca PHP) hasta que LibGD añada soporte.
Además, los formatos animados y alfa aún no son compatibles con las imágenes redimensionadas (en su lugar se crean imágenes con pérdida cuando se suben en estos formatos).
El soporte de WebP en la biblioteca de medios requiere que la biblioteca de procesamiento de imágenes de tu servidor web (WordPress soporta tanto Imagick como LibGD) soporte el formato WebP.
Afortunadamente, estas bibliotecas han soportado WebP durante bastante tiempo, por lo que el soporte está ampliamente disponible. Si tu servidor web no soporta WebP, verás un mensaje de error cuando intentes subir una imagen.
Si tu audiencia incluye un número significativo de usuarios con un navegador que no soporta este formato (IE11 por ejemplo), evita usar imágenes WebP.
Planes para el futuro
Se está estudiando la opción de que WordPress realice la conversión del formato WebP en las imágenes subidas.
También se está estudiando incorporar otros formatos más modernos, como AVIF y JPEGXL, que mejorarán la compresión y reducirán aún más los recursos necesarios para las imágenes.
Preguntas frecuentes
¿Cómo puedo ajustar la calidad de compresión de las imágenes WebP?
Los desarrolladores o los plugins pueden utilizar el filtro wp_editor_set_quality para ajustar la calidad:
// Use a quality setting of 75 for WebP images.
function filter_webp_quality( $quality, $mime_type ) {
if ( 'image/webp' === $mime_type ) {
return 75;
}
return $quality;
}
add_filter( 'wp_editor_set_quality', 'filter_webp_quality', 10, 2 );
Si utilizo WordPress multisite, ¿todos mis sitios funcionarán con imágenes WebP?
No. De momento el multisitio o multisite almacena los tipos de archivo que los usuarios pueden subir cuando se crea un sitio.
Para asegurarte de que todos los sitios existentes en una red permiten archivos WebP, puede utilizar el filtro site_option en un mu-plugin de red para añadir webp a los tipos de archivo permitidos para todos los sitios de la red:
// Ensure all network sites include WebP support.
add_filter(
'site_option_upload_filetypes',
function ( $filetypes ) {
$filetypes = explode( ' ', $filetypes );
if ( ! in_array( 'webp', $filetypes, true ) ) {
$filetypes[] = 'webp';
$filetypes = implode( ' ', $filetypes );
}
return $filetypes;
}
);
Deja una respuesta
Lo siento, debes estar conectado para publicar un comentario.