AVIF es un formato de imagen moderno que, con una calidad visual similar, suele pesar bastante menos que un JPEG y algo menos que un WebP. Todos los navegadores actuales lo muestran. Desde WordPress 6.5 puedes subir imágenes AVIF a la biblioteca de medios como cualquier otra.
El detalle es que WordPress no procesa las imágenes por sí solo: usa una biblioteca del servidor (Imagick o GD). Si esa biblioteca no sabe trabajar con AVIF, el archivo se sube, pero no se crean los tamaños adicionales (miniatura, mediano, grande), y tu tema termina mostrando la imagen original enorme.
Paso 1: ¿tu servidor soporta AVIF?
Ve a Herramientas → Salud del sitio → Información → Medios. Busca:
- Editor de imágenes activo: Imagick o GD.
- Formatos de archivo de imagen compatibles (con Imagick) o Compatible con AVIF en GD (con GD).
Si AVIF aparece en la lista, adelante. Si no, pídele a tu hosting que actualice Imagick o GD (libavif), o quédate con WebP.
Con WP-CLI puedes comprobarlo rápido:
wp eval 'echo wp_image_editor_supports( array( "mime_type" => "image/avif" ) ) ? "AVIF: sí" : "AVIF: no";'Paso 2: ¿AVIF o WebP?
- AVIF: archivos más livianos, sobre todo en fotografías. Pero codificar (crear) una imagen AVIF consume bastante más CPU y memoria. En un hosting compartido modesto, subir varias fotos grandes a la vez puede dar errores.
- WebP: un poco más pesado que AVIF, pero mucho más rápido de procesar, igual de compatible y soportado prácticamente en cualquier servidor.
Recomendación: si tu hosting es compartido y básico, WebP es la opción tranquila. Si tienes un VPS o un buen hosting, y tu sitio tiene muchas fotografías, AVIF vale la pena.
Paso 3: convertir automáticamente al subir
No necesitas convertir tus fotos antes de subirlas. Con este filtro, cuando subes un JPEG, WordPress crea los tamaños adicionales en AVIF (o WebP, si cambias el formato):
<?php
/**
* Plugin Name: Tamaños de imagen en AVIF (Curso WordPress)
*/
add_filter( 'image_editor_output_format', function ( $formatos ) {
if ( wp_image_editor_supports( array( 'mime_type' => 'image/avif' ) ) ) {
$formatos['image/jpeg'] = 'image/avif';
} else {
$formatos['image/jpeg'] = 'image/webp';
}
return $formatos;
} );Si el servidor no soporta AVIF, usa WebP automáticamente.
El archivo original que subiste se conserva en JPEG; lo que cambia son los tamaños que WordPress genera y que tu tema muestra. Las imágenes que ya estaban en la biblioteca no cambian; para convertirlas, regenera las miniaturas con wp media regenerate (prueba primero con unas pocas usando el ID: wp media regenerate 123).
Ajustar la calidad
WordPress usa una calidad predeterminada razonable para cada formato. Si quieres ajustarla:
<?php
add_filter( 'wp_editor_set_quality', function ( $calidad, $mime ) {
return 'image/avif' === $mime ? 60 : $calidad;
}, 10, 2 );Para AVIF, valores entre 50 y 65 suelen verse muy bien. Compara a simple vista antes de bajar más.
Si al subir fotos aparece «Error HTTP» o «El servidor no puede procesar la imagen» después de activar AVIF, es probable que falte memoria o tiempo de ejecución. Vuelve a WebP o sube imágenes más pequeñas (no más de 2.560 píxeles de ancho).
¿Probaste AVIF en tu sitio? Comparte en el foro cuánto bajó el peso de tus imágenes y qué hosting usas.
