Aller au contenu
ImageConverter

Conversion sécurisée sur serveur

Convertisseur SVG en AVIF

Rendez un SVG en image AVIF : la version matricielle la plus légère que l’on puisse tirer d’un dessin vectoriel, transparence comprise. Un logo rendu à 1024 pixels pesait environ 4 Ko, à peu près un quart du même rendu en PNG. La question qui mérite une minute est la netteté des contours, et les mesures ci-dessous y répondent.

Supprimé automatiquement Fichiers envoyés effacés sous 30 minutes

Glissez-déposez vos images SVG ici

Ajoutez-en plusieurs à la fois. Chaque fichier est traité puis supprimé de notre serveur.

Jusqu’à 20 Mo par fichier Lot prêt

Largeur de sortie

Le SVG est un format vectoriel : il peut être rendu à n’importe quelle taille sans perdre en netteté.

75
Fichier plus léger Plus de détails
Préréglages :

Plus haut conserve plus de détails ; plus bas donne un fichier plus léger. S’applique aux images ajoutées après le changement.

Étape par étape

Comment convertir un SVG en AVIF en 3 étapes

  1. Choisissez une largeur

    la plus grande taille à laquelle l’image sera affichée.

  2. Laissez la qualité à 75

    Laissez la qualité à 75, ou montez à 90 pour des contours pratiquement sans perte.

  3. Ajoutez votre SVG et téléchargez l’AVIF

Comparaison des formats

SVG ou AVIF

SVG (Scalable Vector Graphics)

Vectoriel

Décrit les formes et le texte par des instructions plutôt que par des pixels : il peut donc être dessiné net à n’importe quelle taille.

  • Net à toutes les tailles, du favicon au panneau publicitaire
  • Des fichiers très légers pour les logos, icônes et diagrammes
  • Ne peut pas représenter une photo, et beaucoup d’applications ne l’importent pas

AVIF (AV1 Image File Format)

Avec ou sans perte

Le plus récent des formats web largement pris en charge, fondé sur le codec vidéo AV1 et conçu pour les fichiers les plus légers.

  • En général le fichier le plus léger à qualité visuelle égale
  • Pris en charge par les versions actuelles de Chrome, Edge, Firefox et Safari
  • Lent à encoder, et non pris en charge par beaucoup de logiciels anciens

Quand il vous faut des pixels plutôt que des vecteurs

Sur un site web, mieux vaut généralement laisser un SVG en SVG : il est minuscule et net à toutes les tailles. Mais il existe de bonnes raisons d’avoir besoin d’une image matricielle : une plateforme qui n’accepte pas le SVG, une image qui ne doit pas exposer son code de dessin, les aperçus pour réseaux sociaux et l’e-mail, qui gèrent rarement le SVG, ou une œuvre avec des filtres qui s’affichent différemment selon les navigateurs.

Quand il faut des pixels, l’AVIF donne le fichier le plus léger. Mesures avec un petit logo à chaque largeur :

  • 512 px : 2,1 Ko.
  • 1024 px : 4,2 Ko.
  • 2048 px : 7,1 Ko.
  • 4096 px : 13,9 Ko.

À titre de comparaison, le même dessin à 1024 pixels pesait 15,7 Ko en PNG, 21 Ko en TIFF et 2,1 Mo en BMP non compressé.

Les contours restent-ils nets ?

L’AVIF est un format avec perte, et un dessin vectoriel n’est que contours francs, précisément là où la compression avec perte se voit en premier. Nous l’avons donc mesuré, en comparant chaque AVIF à un rendu sans perte du même SVG après avoir placé les deux sur fond blanc et sur fond noir, comme ils apparaîtraient sur une page :

  • Qualité 75, la valeur par défaut : le long des contours, la couleur s’écarte du rendu sans perte de moins de 2 niveaux sur 255 en moyenne. Invisible à taille d’affichage normale.
  • Qualité 90 : pratiquement sans perte (le plus grand écart relevé sur un contour était de 6 niveaux) pour 6,8 Ko, toujours bien moins de la moitié du PNG.

Pour un logo qui doit être parfait au pixel près sous un examen attentif, choisissez 90. Pour tout le reste, 75 est impossible à distinguer et plus léger.

Qualité

Qualité et taille du fichier

Transparence

Un dessin SVG est généralement tracé sur fond transparent, et l’AVIF le conserve sous forme de canal alpha complet : l’image se pose proprement sur n’importe quelle couleur de fond.

Choisir la largeur

Le rendu est dessiné à la largeur choisie : il est parfaitement net à cette taille, mais ne peut pas être agrandi ensuite sans devenir flou. Choisissez la plus grande taille à laquelle l’image sera réellement affichée. Sur les écrans haute densité, qui affichent deux ou trois pixels physiques par pixel CSS, cela signifie le double ou le triple de la largeur de mise en page : un logo prévu à 200 pixels de large demande 400 pixels sur un écran 2× et 600 sur les écrans 3× de nombreux téléphones. L’option 1024 pixels couvre les deux cas.

Polices

Un texte dans une police nommée, plutôt que converti en tracés, est dessiné avec la police correspondante dont dispose le moteur de rendu, qui peut différer de votre maquette. Convertissez le texte en tracés avant d’exporter le SVG.

Prise en charge par les navigateurs

Tous les grands navigateurs actuels affichent l’AVIF : Chrome, Firefox, Safari et Edge. Certains clients de messagerie et logiciels plus anciens, non. Pour l’e-mail et une large compatibilité, le PNG est plus sûr ; le WebP est un bon compromis.

Quand convertir un SVG en AVIF a du sens

  • Les plateformes qui n’acceptent pas l’envoi de SVG, et elles sont nombreuses.
  • Les images Open Graph et les aperçus pour réseaux sociaux de pages qui servent de l’AVIF.
  • Les illustrations complexes aux nombreux tracés, dégradés ou filtres, pour lesquelles une image matricielle est plus légère et s’affiche à l’identique partout.
  • Les pages où la performance compte et qui ont besoin d’un visuel matriciel aussi léger que possible.

AVIF, WebP ou PNG ?

  • AVIF : le plus léger. 4,2 Ko à 1024 px, qualité 75.
  • WebP : un peu plus lourd (6,2 Ko en qualité 75), et mieux pris en charge hors des navigateurs.
  • PNG : sans perte et pris en charge partout, pour 15,7 Ko.

Est-il sûr d’envoyer un SVG ?

Un fichier SVG peut contenir des scripts et des références à des ressources externes : chaque envoi est donc contrôlé avant toute lecture. Les fichiers avec des scripts, des références externes ou des déclarations de type de document sont refusés d’emblée plutôt que nettoyés. Le résultat est une simple image : rien de ce que contenait le SVG ne peut s’exécuter.

Ce que devient votre fichier

Les SVG sont rendus sur notre serveur, où ils peuvent être contrôlés. Votre fichier envoyé est supprimé dès la fin de la conversion, le résultat est supprimé au moment où vous le téléchargez, et tout ce qui est abandonné est effacé automatiquement.

Confidentialité

Ce que devient votre fichier

Cet outil fonctionne sur notre serveur, pour un résultat identique sur tous les téléphones et ordinateurs. Votre fichier est envoyé, et voici exactement ce qu’il devient :

  • Stocké hors de la partie publique du serveur sous un nom aléatoire, jamais sous le nom de votre fichier.
  • Traité, avec le fichier envoyé supprimé immédiatement, que l’opération ait réussi ou échoué.
  • Le résultat se trouve derrière un lien signé que vous seul recevez, qui cesse de fonctionner après 20 minutes, et le fichier est supprimé dès que vous le téléchargez.
  • Tout ce qui n’est jamais récupéré est supprimé automatiquement sous 30 minutes.
  • L’image elle-même n’est jamais journalisée ni conservée. Si une conversion échoue, nous enregistrons les formats concernés et l’erreur, pas le fichier.
  • Les métadonnées de l’appareil, y compris les éventuelles coordonnées GPS du lieu de prise de vue, sont retirées du résultat. Seule la rotation nécessaire pour afficher l’image dans le bon sens est conservée.

Questions et réponses

SVG en AVIF : questions fréquentes

Quel sera le poids de mon AVIF ?

Très faible. Un logo pesait 2,1 Ko à 512 px, 4,2 Ko à 1024 px, 7,1 Ko à 2048 px et 13,9 Ko à 4096 px. À 1024 px, le PNG du même dessin pesait 15,7 Ko.

Les contours de mon logo vont-ils paraître flous ?

Pas au réglage par défaut. Nous avons comparé les rendus AVIF à un rendu sans perte sur fond blanc et sur fond noir : en qualité 75, les couleurs des contours différaient de moins de 2 niveaux sur 255 en moyenne. En qualité 90, le plus grand écart relevé sur un contour était de 6 niveaux, soit pratiquement sans perte, pour 6,8 Ko.

La transparence est-elle conservée ?

Oui. L’AVIF contient un canal alpha complet : un dessin tracé sur fond transparent se pose proprement sur n’importe quelle couleur de page.

Quelle largeur choisir ?

La plus grande taille à laquelle l’image sera affichée, en tenant compte des écrans haute densité : une image prévue à 200 pixels de large demande 400 px sur un écran 2× et 600 px sur un téléphone 3×, et 1024 px couvre donc les deux. Le rendu ne peut pas être agrandi ensuite sans devenir flou.

Ne vaudrait-il pas mieux garder le SVG ?

Sur votre propre site, souvent oui : les SVG sont minuscules et nets à toutes les tailles. Convertissez quand une plateforme n’accepte pas le SVG, pour les aperçus sur les réseaux sociaux et l’e-mail, ou pour une œuvre complexe qui s’affiche de façon inégale.

AVIF, WebP ou PNG ?

L’AVIF est le plus léger (4,2 Ko à 1024 px). Le WebP est un peu plus lourd, à 6,2 Ko, et mieux pris en charge hors des navigateurs. Le PNG est sans perte et universel, pour 15,7 Ko.

Continuer

Voir tous les outils