SparkCore
AVIF en WordPress: aún más compacto cuando es posible
AVIF puede ser aún más eficiente que WebP. Spark combina AVIF con alternativas para que los visitantes vean siempre una imagen que funciona.
En resumen
- AVIF suele ser el formato más pequeño para la misma calidad visible.
- Todos los navegadores principales actuales admiten AVIF.
- Utilice siempre AVIF con una alternativa para los navegadores que no lo soportan.
AVIF y compatibilidad
No todos los navegadores admiten AVIF en todas partes; por eso combinamos formatos en un mismo flujo de trabajo.
¿Qué es AVIF y por qué esos archivos son tan pequeños?
AVIF es un formato de imagen moderno derivado de la compresión de vídeo. Almacena la información de la imagen de forma más inteligente que JPEG. Se nota sobre todo en fotos con degradados suaves, como cielos o piel. El formato también admite transparencia, por lo que a veces puede sustituir a un PNG. El precio es el tiempo de cálculo. Crear un AVIF tarda más que crear un JPEG o un WebP. Esto no supone un problema para los visitantes, porque el archivo se crea una sola vez y después se sirve muchas veces.
¿Qué navegadores admiten AVIF en WordPress?
Las versiones actuales de Chrome, Edge, Firefox y Safari muestran AVIF. Aun así, no todo el mundo visita su sitio con el navegador más reciente. Los dispositivos antiguos y las aplicaciones obsoletas pueden no soportar el formato. Eso no es motivo para dejar AVIF de lado. Es motivo para usar una alternativa. El navegador indica qué formatos puede mostrar y recibe el mejor que le sirva. Quien no conoce AVIF recibe WebP o JPEG. Nadie ve una imagen rota.
- Chrome, Edge, Firefox y Safari admiten AVIF en sus versiones actuales.
- Los navegadores antiguos necesitan una alternativa en JPEG o WebP.
- Pruebe siempre en un dispositivo real, no solo en su propio navegador.
AVIF o WebP: ¿cuál elegir para su sitio WordPress?
No tiene que elegir. Utilice ambos. AVIF suele dar el archivo más pequeño. WebP se genera más rápido y tiene un amplio soporte, por lo que es una segunda opción sólida. JPEG o PNG siguen siendo la red de seguridad. Tenga en cuenta que más pequeño no siempre es mejor. Con una compresión demasiado alta, AVIF puede dar una imagen lisa y de aspecto ceroso. Por eso, evalúe siempre el resultado al tamaño de pantalla. Para fotos, AVIF suele ser el ganador. Para iconos pequeños, la diferencia en bytes suele ser demasiado pequeña para importar.
- Utilice AVIF para fotos con degradados suaves.
- Mantenga WebP como segunda opción y JPEG o PNG como red de seguridad.
- Evalúe siempre el resultado al tamaño de pantalla.
¿Cómo usar AVIF de forma segura en WordPress?
Usarlo con seguridad se reduce a tres cosas: crear variantes, servir la correcta y conservar el original. Si lo hace a mano, tendrá que mantenerlo en cada carga. Spark Media Optimizer se encarga de este trabajo. El plugin crea WebP y AVIF en segundo plano y los sirve a los navegadores que los admiten, con JPEG o PNG como alternativa. Si un navegador no los soporta, el plugin vuelve automáticamente a la alternativa. Esto también se aplica a su biblioteca existente.
Preguntas frecuentes
Con frecuencia sí, sobre todo en fotos. La diferencia depende de la imagen y del ajuste. Pruebe algunas imágenes representativas de su propio sitio y compárelas al tamaño de pantalla antes de decidir.
No en todos. Las versiones actuales de Chrome, Edge, Firefox y Safari sí lo muestran. Los navegadores antiguos necesitan una alternativa, como WebP o JPEG; de lo contrario, no verán la imagen. Con una buena alternativa, su visitante no notará nada.
No. Conserve el original y sirva AVIF como variante adicional. Así siempre puede volver atrás y cubre los navegadores que no conocen el formato. Una segunda variante solo cuesta algo de espacio de almacenamiento.