Convertisseur en ligne gratuit de SVG en WEBP

Ce qu’est le format SVG

SVG (Scalable Vector Graphics) est un format vectoriel basé sur XML qui stocke les formes, les tracés, le texte, les dégradés et les filtres sous forme d’instructions de dessin plutôt que de pixels fixes. Les logos, les icônes, les diagrammes, les illustrations et les éléments graphiques d’interface utilisent couramment SVG, car l’illustration peut être redimensionnée sans devenir pixélisée.

Adobe Illustrator, Inkscape, Figma, Affinity Designer, CorelDRAW et les outils de conception web peuvent créer des fichiers SVG. Les designers et les développeurs les utilisent pour les illustrations modifiables, les éléments graphiques web responsives et les ressources qui doivent être rendues à plusieurs tailles.

Ce qu’est le format WEBP

WEBP est un format d’image raster développé par Google. Il prend en charge la compression avec perte pour les images photographiques ou illustrées de petite taille, la compression sans perte pour les éléments graphiques nécessitant des détails exacts, ainsi qu’un canal alpha pour les arrière-plans transparents.

WEBP peut réduire la taille du fichier par rapport à JPEG ou PNG dans de nombreux cas, mais le résultat est une image bitmap ayant une largeur et une hauteur définies en pixels. L’agrandir au-delà de cette taille peut faire apparaître du flou ou des artefacts de compression, contrairement à un SVG vectoriel.

Comment convertir un fichier SVG

Utiliser 101convert.com

Vous pouvez convertir le fichier gratuitement sur 101convert.com sans installer de logiciel. Ouvrez le convertisseur SVG-to-WEBP, téléversez le fichier source, sélectionnez les paramètres de sortie disponibles, démarrez la conversion, puis téléchargez le fichier .webp obtenu. Vérifiez que la sortie ne comporte pas de polices manquantes, de filtres modifiés, de couleurs incorrectes ni de transparence perdue avant de l’utiliser.

Utiliser GIMP

1. Ouvrez le SVG dans GIMP avec File → Open.
2. Définissez la largeur et la hauteur rendues lorsque GIMP vous invite à importer le SVG. Ces valeurs déterminent les dimensions en pixels de l’image WEBP.
3. Choisissez File → Export As…, saisissez un nom de fichier se terminant par .webp, puis sélectionnez Export.
4. Choisissez un niveau de qualité ou un encodage sans perte dans la boîte de dialogue d’exportation WEBP, puis confirmez l’exportation.

GIMP rastérise le SVG lorsqu’il l’ouvre. Modifier la taille de l’image ultérieurement ne peut donc pas restaurer les détails vectoriels. Importez le SVG à la plus grande taille d’affichage requise ou utilisez un rendu source à plus haute résolution pour les redimensionnements ultérieurs.

Utiliser des outils en ligne de commande

ImageMagick peut rastériser un SVG et écrire un WEBP en une seule commande lorsque son installation inclut un moteur de rendu SVG tel que librsvg :

magick -background none -density 192 input.svg -resize 1200x1200 -quality 85 output.webp

-background none préserve les zones transparentes lorsque le SVG et le moteur de rendu prennent en charge l’alpha. -density contrôle la résolution initiale de rastérisation, tandis que -resize définit une taille de sortie pratique. Ajustez les dimensions en fonction de la taille d’affichage prévue ; la densité seule ne garantit pas une largeur et une hauteur finales spécifiques.

Inkscape peut effectuer le rendu du SVG au format PNG, après quoi l’encodeur cwebp de Google peut créer le WEBP :

inkscape input.svg --export-type=png --export-filename=rendered.png --export-width=1600

cwebp -q 85 rendered.png -o output.webp

Utilisez plutôt --export-height ou définissez les deux dimensions lorsque cela est nécessaire. Le fichier PNG intermédiaire préserve la transparence si Inkscape effectue l’exportation sans couleur d’arrière-plan. Utilisez cwebp -lossless rendered.png -o output.webp pour un encodage sans perte.

Limites de qualité et de compatibilité

• Choisissez les dimensions en pixels avant la conversion. SVG n’a pas de résolution raster inhérente ; chaque convertisseur doit donc déterminer le nombre de pixels à générer.
• Utilisez une valeur de qualité avec perte comprise entre 80 et 90 pour de nombreuses images web. Choisissez le WEBP sans perte pour les petits textes, les lignes fines, les captures d’écran et les illustrations aux couleurs unies lorsque les défauts de compression sont inacceptables.
• Les polices incorporées, les feuilles de style externes, les images liées, JavaScript, les animations et les filtres SVG non pris en charge peuvent être rendus différemment ou disparaître. Convertissez le texte en tracés ou incorporez les ressources nécessaires lorsqu’une sortie cohérente est importante.
• Les arrière-plans SVG transparents deviennent généralement des arrière-plans WEBP transparents lorsque le moteur de rendu préserve l’alpha. Définissez une couleur d’arrière-plan explicite si la destination nécessite une image opaque.
• WEBP est pris en charge par les principaux navigateurs actuels et de nombreuses applications d’image, mais les logiciels plus anciens et certains systèmes de publication spécialisés peuvent ne pas l’accepter. Conservez le SVG original comme fichier maître modifiable et utilisez WEBP comme copie de diffusion fixe.