Cómo se usa
- Pega la cadena Base64 o el URI data:image/avif;base64.
- Revisa la vista previa, el formato detectado y las dimensiones.
- Para guardar un AVIF sin cambios, elige Original. Para convertir otro formato, deja AVIF seleccionado; si tu navegador no puede codificar AVIF, la opción no estará disponible.
- Descarga el archivo .avif.
Cómo son los datos AVIF
AVIF almacena una imagen comprimida con el códec de video AV1 dentro de un contenedor HEIF, la misma estructura de archivo multimedia base ISO que usa MP4. No tiene una firma fija y corta como la de PNG. En su lugar, el archivo comienza con una caja ftyp que indica la marca avif, o avis en el caso de secuencias animadas. En Base64, eso suele significar que la cadena empieza por AAAA y contiene eXBhdmlm unos caracteres más adelante. La herramienta lee la propia caja, así que puede distinguir AVIF de HEIC, que usa el mismo contenedor con otra marca. El tipo MIME es image/avif.
La conversión a AVIF depende de tu navegador
Las versiones actuales de Chrome, Edge, Firefox y Safari muestran AVIF, así que previsualizar y guardar el archivo original funciona casi en cualquier parte. Crear archivos AVIF nuevos es otra cosa. La conversión usa el codificador integrado en tu navegador, y no todos los navegadores pueden generar AVIF desde un canvas. La herramienta comprueba si el tuyo puede hacerlo. Si no puede codificar AVIF, la opción no está disponible, y WebP es la alternativa más cercana. También puedes descargar un PNG y codificarlo con una herramienta específica como avifenc de libavif.
Cuándo merece la pena AVIF
AVIF suele superar a JPEG y WebP en tamaño de archivo con la misma calidad visual, sobre todo en fotos, y admite transparencia, alta profundidad de bits y HDR. La codificación es más lenta, y algunos editores de imágenes y sistemas operativos antiguos todavía no pueden abrirlo. En imágenes muy pequeñas, como los iconos, la sobrecarga del contenedor puede anular la ventaja, así que PNG o WebP pueden ocupar menos. En sitios web, sirve AVIF con una alternativa para que todos los visitantes vean una imagen:
<picture>
<source srcset="photo.avif" type="image/avif">
<img src="photo.jpg" alt="Description">
</picture>Preguntas frecuentes
¿Por qué no está disponible la opción de descarga AVIF?
Tu navegador puede mostrar AVIF, pero no codificarlo desde un canvas. Prueba con otro navegador actualizado, elige WebP o descarga un PNG y conviértelo con un codificador de escritorio.
¿Por qué mi AVIF no muestra vista previa?
Puede que un navegador o sistema operativo antiguo no decodifique AVIF. También es posible que los datos sean HEIC, que se parece pero usa otra marca; el formato detectado te indica cuál de los dos es. Descargar como Original funciona en ambos casos.
¿AVIF siempre ocupa menos que WebP?
A menudo, pero no siempre. Los resultados dependen de la imagen y de la configuración del codificador, así que compara los tamaños de los archivos descargados.