Catégories

Convertisseur SVG vers WebP

Convertir les graphiques vectoriels SVG au format raster WebP avec compression moderne et support de transparence

Click to upload file or drag and drop file here

Maximum file size: 10MB Supported formats: image/svg+xml, text/xml

Output width in pixels (optional)

Output height in pixels (optional)

Rendering density for SVG (DPI)

1 80 100

Qualité WebP (1-100, plus élevé = meilleure qualité)

Use lossless compression for perfect quality

0 4 6

CPU effort (0=fastest, 6=slowest/best compression)

0 4 6

Compression method (0=fastest, 6=slowest/smallest)

Keep SVG transparency in output WebP

Background color (if transparency is disabled)

Points clés

Catégorie
Media
Types d’entrée
file, number, range, checkbox, color
Type de sortie
file
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Notre convertisseur SVG vers WebP vous permet de transformer vos graphiques vectoriels en images raster optimisées, garantissant une compatibilité web moderne tout en préservant la transparence et la qualité visuelle.

Quand l’utiliser

  • Optimiser le temps de chargement de vos pages web en remplaçant des fichiers SVG complexes par des images WebP légères.
  • Générer des aperçus d'images raster à partir de logos ou d'icônes vectoriels pour des besoins d'affichage spécifiques.
  • Standardiser vos ressources graphiques dans un format performant supporté par tous les navigateurs récents.

Comment ça marche

  • Téléchargez votre fichier SVG depuis votre appareil.
  • Ajustez les paramètres optionnels tels que la résolution, la qualité de compression ou la densité de rendu.
  • Activez ou désactivez la transparence selon vos besoins de fond.
  • Lancez la conversion et téléchargez instantanément votre fichier au format WebP.

Cas d’usage

Préparation d'icônes vectorielles pour une intégration rapide dans des interfaces web.
Conversion de graphiques complexes pour réduire le poids total des pages de votre site.
Création de vignettes d'aperçu à partir de fichiers sources vectoriels pour des galeries d'images.

Exemples

1. Optimisation d'icônes pour le web

Développeur Front-end
Contexte
Un site web utilise de nombreux logos SVG complexes qui ralentissent le rendu initial.
Problème
Réduire le poids des images sans perdre en qualité visuelle.
Comment l’utiliser
Importer le fichier SVG, régler la qualité sur 85 et définir une largeur fixe de 200px.
Configuration d’exemple
width: 200, quality: 85, preserveTransparency: true
Résultat
Une image WebP légère et parfaitement dimensionnée, prête à être intégrée.

2. Conversion avec fond personnalisé

Designer graphique
Contexte
Besoin de transformer un logo vectoriel en image raster avec un fond spécifique pour une bannière.
Problème
Le SVG original a une transparence qui ne convient pas au design de la bannière.
Comment l’utiliser
Désactiver la transparence et définir la couleur de fond souhaitée dans les options.
Configuration d’exemple
preserveTransparency: false, backgroundColor: '#FFFFFF'
Résultat
Un fichier WebP avec un fond blanc propre, prêt pour une utilisation immédiate.

Tester avec des échantillons

xml, image, svg

Hubs associés

FAQ

Pourquoi convertir un SVG en WebP ?

Le WebP offre une compression supérieure et une meilleure performance de chargement pour les images complexes, tout en conservant une excellente qualité visuelle.

La transparence est-elle conservée ?

Oui, par défaut, l'outil préserve la transparence de votre fichier SVG original dans le fichier WebP généré.

Puis-je modifier la taille de l'image ?

Oui, vous pouvez spécifier manuellement une largeur et une hauteur en pixels pour redimensionner votre image lors de la conversion.

Qu'est-ce que l'effort de compression ?

Il s'agit du niveau de calcul alloué à la compression : un effort plus élevé permet d'obtenir un fichier plus léger au prix d'un temps de traitement légèrement plus long.

Le format WebP est-il compatible avec tous les navigateurs ?

Le format WebP est désormais supporté par la quasi-totalité des navigateurs web modernes, incluant Chrome, Firefox, Edge et Safari.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/svg-to-webp

Paramètres de la requête

Nom du paramètre Type Requis Description
svgFile file (Téléchargement requis) Oui -
width number Non Output width in pixels (optional)
height number Non Output height in pixels (optional)
density number Non Rendering density for SVG (DPI)
quality range Non Qualité WebP (1-100, plus élevé = meilleure qualité)
lossless checkbox Non Use lossless compression for perfect quality
effort range Non CPU effort (0=fastest, 6=slowest/best compression)
method range Non Compression method (0=fastest, 6=slowest/smallest)
preserveTransparency checkbox Non Keep SVG transparency in output WebP
backgroundColor color Non Background color (if transparency is disabled)

Les paramètres de type fichier doivent être téléchargés d'abord via POST /upload/svg-to-webp pour obtenir filePath, puis filePath doit être passé au champ de fichier correspondant.

Format de réponse

{
  "filePath": "/public/processing/randomid.ext",
  "fileName": "output.ext",
  "contentType": "application/octet-stream",
  "size": 1024,
  "metadata": {
    "key": "value"
  },
  "error": "Error message (optional)",
  "message": "Notification message (optional)"
}
Fichier: Fichier

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-svg-to-webp": {
      "name": "svg-to-webp",
      "description": "Convertir les graphiques vectoriels SVG au format raster WebP avec compression moderne et support de transparence",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=svg-to-webp",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Prend en charge les liens de fichiers URL ou la codification Base64 pour les paramètres de fichier.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]