Cómo se usa
- Suelta un archivo .avif en la zona de arrastre, haz clic para elegir uno o pega una imagen.
- Deja Convertir a en Mantener original. AVIF suele ser la opción más pequeña, y la herramienta no puede volver a codificar imágenes en AVIF.
- Convierte a PNG, JPEG o WebP solo si el sistema receptor no admite AVIF.
- Copia el data URI para el origen de un elemento picture, o usa la salida en Base64 puro, etiqueta img, CSS o Markdown.
¿Qué es AVIF?
AVIF (AV1 Image File Format) guarda imágenes comprimidas con el códec de video AV1 dentro de un contenedor HEIF. Lo publicó la Alliance for Open Media en 2019 y admite transparencia, animación, color de 10 y 12 bits, HDR y gamas de color amplias. El tipo MIME es image/avif.
Con la misma calidad visual, los archivos AVIF suelen ser claramente más pequeños que los JPEG y, por lo general, más pequeños que los WebP, sobre todo con tasas de bits bajas. Como Base64 añade el mismo tercio a cualquier archivo, un AVIF más pequeño significa directamente un data URI más corto.
Compatibilidad con navegadores y alternativas
AVIF se muestra en Chrome 85 y posteriores, Firefox 93 y posteriores, Safari 16 y posteriores, y Edge 121 y posteriores. Los navegadores más antiguos y la mayoría de los clientes de correo no pueden mostrarlo. En la web, envuelve el data URI en un elemento <picture> con una alternativa:
<picture>
<source type="image/avif" srcset="data:image/avif;base64,...">
<img src="logo.png" alt="Logo" width="120" height="40">
</picture>Mantén la alternativa como archivo aparte. Si también fuera un data URI, todos los visitantes descargarían ambas versiones como parte del HTML.
Opciones de codificación y conversión
La herramienta codifica tu archivo AVIF exactamente como está. AVIF no figura entre los formatos de conversión, que son PNG, JPEG y WebP, así que para crear un AVIF a partir de otro formato usa un codificador específico como avifenc, Squoosh o un editor de imágenes, y después codifica aquí el resultado.
Convertir un AVIF a PNG, JPEG o WebP funciona en los navegadores que pueden decodificar AVIF y es útil para sistemas que no lo aceptan, pero el resultado suele ser mayor. Si necesitas una compatibilidad amplia y un tamaño pequeño, WebP es la alternativa más cercana.
Preguntas frecuentes
¿Puedo convertir PNG o JPEG a AVIF aquí?
No. Los formatos de conversión son PNG, JPEG y WebP. Crea antes el archivo AVIF con otra herramienta y luego suéltalo aquí para codificarlo.
¿Qué navegadores muestran imágenes data:image/avif?
Chrome 85+, Firefox 93+, Safari 16+ y Edge 121+. Para los navegadores más antiguos, ofrece una alternativa PNG o JPEG en un elemento picture.
¿Por qué no hay vista previa de mi imagen AVIF?
Probablemente tu navegador no puede decodificar AVIF. La salida Base64 se genera igualmente a partir de los bytes del archivo y es correcta; abre la página en un navegador actual para ver la vista previa.
¿El Base64 de un AVIF es más corto que el de un WebP?
Normalmente sí, con una calidad visual similar. Base64 añade el mismo 33 % a ambos formatos, así que el archivo de origen más pequeño siempre da la cadena más corta.