Convertisseur AVIF en Base64

Encodez des images AVIF en Base64 en conservant les tailles de fichier très réduites de la compression AV1. Utilisez le résultat en HTML, CSS, Markdown ou JSON, avec une solution de repli pour les anciens navigateurs.

Fonctionne entièrement dans votre navigateur. Aucune donnée n’est envoyée.

Mode d’emploi

  1. Déposez un fichier .avif sur la zone de dépôt, cliquez pour en choisir un ou collez une image.
  2. Gardez « Conserver l’original ». L’AVIF est généralement l’option la plus compacte, et l’outil ne peut pas réencoder d’images en AVIF.
  3. Ne convertissez en PNG, JPEG ou WebP que si le destinataire ne prend pas en charge l’AVIF.
  4. Copiez le data URI pour la source d’un élément picture, ou utilisez la sortie Base64 brut, balise img, CSS ou Markdown.

Qu’est-ce que l’AVIF ?

AVIF (AV1 Image File Format) stocke des images compressées avec le codec vidéo AV1 dans un conteneur HEIF. Publié par l’Alliance for Open Media en 2019, il prend en charge la transparence, l’animation, les couleurs sur 10 et 12 bits, le HDR et les gammes de couleurs étendues. Le type MIME est image/avif.

À qualité visuelle égale, les fichiers AVIF sont souvent nettement plus petits que les JPEG et généralement plus petits que les WebP, surtout à bas débit. Comme Base64 ajoute le même tiers à tout fichier, un AVIF plus petit donne directement un data URI plus court.

Prise en charge par les navigateurs et solutions de repli

L’AVIF s’affiche dans Chrome 85 et versions ultérieures, Firefox 93 et versions ultérieures, Safari 16 et versions ultérieures, et Edge 121 et versions ultérieures. Les navigateurs plus anciens et la plupart des clients de messagerie ne peuvent pas l’afficher. Sur le Web, placez le data URI dans un élément <picture> avec une solution de repli :

<picture>
  <source type="image/avif" srcset="data:image/avif;base64,...">
  <img src="logo.png" alt="Logo" width="120" height="40">
</picture>

Gardez l’image de repli dans un fichier séparé. Si elle était elle aussi un data URI, chaque visiteur téléchargerait les deux versions avec le HTML.

Options d’encodage et de conversion

L’outil encode votre fichier AVIF exactement tel quel. L’AVIF ne fait pas partie des formats de conversion proposés, à savoir PNG, JPEG et WebP : pour créer un AVIF à partir d’un autre format, utilisez un encodeur dédié comme avifenc, Squoosh ou un éditeur d’images, puis encodez le résultat ici.

Convertir un AVIF en PNG, JPEG ou WebP fonctionne dans les navigateurs capables de décoder l’AVIF et sert pour les systèmes qui ne l’acceptent pas, mais le résultat est généralement plus volumineux. Si vous avez besoin d’une large compatibilité et d’une petite taille, le WebP est l’alternative la plus proche.

Questions fréquentes

Puis-je convertir un PNG ou un JPEG en AVIF ici ?

Non. Les formats de conversion sont PNG, JPEG et WebP. Créez d’abord le fichier AVIF avec un autre outil, puis déposez-le ici pour l’encoder.

Quels navigateurs affichent les images data:image/avif ?

Chrome 85+, Firefox 93+, Safari 16+ et Edge 121+. Pour les navigateurs plus anciens, prévoyez une image de repli PNG ou JPEG dans un élément picture.

Pourquoi mon image AVIF n’a-t-elle pas d’aperçu ?

Votre navigateur ne sait probablement pas décoder l’AVIF. La sortie Base64 est tout de même produite à partir des octets du fichier et elle est correcte ; ouvrez la page dans un navigateur récent pour voir l’aperçu.

Le Base64 d’un AVIF est-il plus court que celui d’un WebP ?

Généralement oui, à qualité visuelle similaire. Base64 ajoute les mêmes 33 % aux deux formats : le fichier source le plus petit donne donc toujours la chaîne la plus courte.