Non. Les cinq préréglages de qualité utilisent un encodage WebP avec perte. Choisissez le mode distinct « Sans perte » pour éviter cette perte d’encodage. Aucun des deux modes ne conserve les vecteurs modifiables ni ne garantit un résultat identique dans tous les outils de visualisation SVG ; le rendu a lieu avant l’encodage WebP.
Convertisseur SVG en WebP
Convertissez un SVG de 20 MB maximum en WebP statique pour un usage qui accepte les images WebP. Définissez des dimensions si nécessaire, conservez les proportions de la source et choisissez l’encodage avec ou sans perte. Le résultat est une image composée de pixels ; gardez votre SVG pour les retouches et les visuels redimensionnables sans perte de netteté.
Ce que fait ce convertisseur SVG en WebP
Ce convertisseur effectue le rendu d’un SVG sous forme d’image WebP aux dimensions fixes. Il modifie le format de l’image, pas seulement le nom du fichier. Utilisez-le pour un visuel de site web, un aperçu ou un envoi qui nécessite WebP ; le résultat ne conserve ni les tracés modifiables, ni le texte éditable, ni les animations SVG.
Vérifiez d’abord les formats acceptés par la destination. Une exigence d’image matricielle ne signifie pas automatiquement que WebP est accepté. Utilisez SVG en PNG pour obtenir une copie PNG, ou SVG en JPG lorsqu’un JPEG avec un fond blanc est requis.
| Réglage | Ce qu’il modifie | Quand l’utiliser |
|---|---|---|
| Envoi d’un fichier .svg | Accepte les fichiers sources SVG | Envoyez un fichier SVG valide ; renommer un PNG ou un autre fichier n’en fait pas un SVG |
| Largeur et hauteur | Inscrit l’image rendue dans les dimensions facultatives tout en conservant ses proportions | Définissez un côté fixe ou un cadre maximal ; l’outil n’étire pas l’image et ne la recadre pas pour le remplir |
| Compression avec perte | Sacrifie des détails visibles pour compresser l’image ; un fichier plus petit n’est pas garanti | Utilisez-la pour les images courantes de sites web et les aperçus |
| Qualité et taille du fichier | Contrôle l’intensité de la compression WebP avec perte | Commencez par le préréglage « Équilibré » |
| Compression sans perte | Évite la compression WebP avec perte | Utilisez-la pour les icônes, les logos, les éléments d’interface ou les contours nets |
Comment convertir un SVG en WebP en ligne
1
Envoyez votre fichier SVG
Sélectionnez ou déposez un SVG de 20 MB maximum. Le choix du fichier déclenche son envoi pour traitement sur le serveur. Attendez la fin de l’envoi et vérifiez que vous avez sélectionné la bonne source ; l’aperçu du navigateur ne garantit pas un rendu identique sur le serveur.
2
Définissez les dimensions du WebP
Laissez les deux champs vides pour utiliser les dimensions intrinsèques du SVG telles que les interprète le moteur de rendu. Saisissez un côté pour calculer l’autre proportionnellement, ou les deux pour inscrire l’image dans un rectangle sans la recadrer ni l’étirer. Une source de 1200×800 inscrite dans un cadre de 600×600 devient une image de 600×400, pas un carré.
- •Chaque champ facultatif accepte de 1 à 16 383 px, et les deux côtés du résultat final doivent rester dans la limite de 16 383 px. Laisser les deux champs vides ou ne saisir qu’un côté ne permet pas de dépasser cette limite. Pour une largeur d’affichage de 300 px, un export de 600 px correspond à un choix en 2×, sans garantir une amélioration pour toutes les sources.
3
Choisissez le mode de compression et la qualité
Le mode avec perte propose cinq préréglages : Compression forte, Compression modérée, Équilibré, Haute qualité et Qualité maximale. Équilibré est le réglage par défaut. Même Qualité maximale utilise un encodage avec perte ; examinez les lignes fines, les dégradés et les caractères dans le résultat sans considérer ce libellé comme une garantie.
- •Sélectionnez le mode distinct « Sans perte » pour éviter l’encodage WebP avec perte ; il masque le sélecteur de qualité. Il ne corrige pas les différences de rendu et ne conserve ni les tracés vectoriels, ni les polices, ni les liens, ni les métadonnées de la source, ni la possibilité d’agrandir sans limite. Le résultat est une image 8 bits.
4
Convertissez et examinez le WebP téléchargé
Cliquez sur « Convertir en WebP » et téléchargez l’image obtenue. Comparez les dimensions, les caractères, les couleurs, les contours transparents et la taille du fichier au visuel prévu. Testez le fichier dans l’application de destination avant de remplacer un visuel qui fonctionne, et conservez le SVG d’origine.
Rendu SVG, transparence et qualité
SVG stocke des formes, des tracés, du texte et des styles ; WebP stocke les pixels du rendu. Vérifiez ces propriétés avant de choisir vos réglages d’export.
| Question | À quoi s’attendre |
|---|---|
| Le résultat reste-t-il vectoriel ? | Non. Le fichier WebP est une image matricielle aux dimensions fixes en pixels. |
| Le WebP peut-il conserver la transparence ? | Les zones transparentes existantes peuvent être conservées. Une forme blanche ou colorée déjà dessinée derrière le visuel fait partie de l’image et ne sera pas supprimée. |
| Le mode sans perte conserve-t-il la qualité du SVG ? | Le mode sans perte s’applique à l’encodage WebP après le rendu. Il ne conserve pas la structure SVG et ne garantit pas que le moteur de rendu du serveur produise le même résultat qu’un navigateur ou un logiciel de création graphique. |
| Les polices seront-elles toujours identiques ? | Une police disponible sur votre appareil peut ne pas l’être sur le serveur. Convertissez les caractères importants en tracés dans le logiciel d’origine lorsque leur apparence exacte compte. |
| Les styles CSS externes ou les images liées seront-ils rendus ? | Les ressources liées ou les styles non pris en charge peuvent manquer ou s’afficher différemment. Exportez un SVG autonome contenant les images nécessaires et les styles essentiels ; examinez les masques et les filtres dans le fichier téléchargé. |
Définissez un viewBox clair et des limites de zone de dessin adaptées. L’espace transparent à l’intérieur de la zone de dessin SVG reste intégré à l’image ; le redimensionnement ne le supprime pas. Le rendu sur le serveur est statique : il ne joue pas les animations et n’exécute pas de scripts pour recréer l’état interactif d’un navigateur.
Quand utiliser WebP à la place de SVG
Une copie WebP peut convenir à ces usages aux dimensions fixes. Vérifiez les exigences de format, de dimensions en pixels et de taille de fichier de la destination.
Envois vers un CMS
Utilisez une copie WebP lorsque votre CMS accepte WebP mais pas SVG ; ses limites de taille de fichier et de dimensions restent applicables.
Aperçus sur les réseaux sociaux
Vérifiez les règles de la plateforme de partage concernant les images d’aperçu. Utilisez WebP uniquement s’il est accepté ; sinon, choisissez un export PNG ou JPG pris en charge.
Visuels pour les e-mails
Vérifiez la prise en charge de WebP dans l’outil de création d’e-mails et dans les applications de messagerie des destinataires. Si votre processus exige PNG ou JPG, exportez plutôt dans ce format.
Images de sites web
Une copie WebP peut convenir à un visuel affiché à des dimensions connues. Comparez l’apparence et la taille réelle du fichier avant de remplacer le visuel SVG.
Visuels pour une application ou une place de marché
Vérifiez les exigences exactes de format et de dimensions en pixels. Une demande d’image matricielle ne suffit pas à établir que WebP est accepté.
Aperçus pour la validation de maquettes
Partagez un aperçu statique avec les personnes chargées de la validation si leurs outils de visualisation acceptent WebP, et gardez le SVG disponible pour les modifications graphiques ultérieures.
Conservez le SVG comme fichier source et exportez des copies WebP pour les usages qui nécessitent une image matricielle. Si vous créez un système d’icônes adaptatif ou devez modifier les formes plus tard, SVG peut rester le meilleur format source.
Choisir les réglages adaptés à la conversion SVG en WebP
Les meilleurs réglages dépendent du visuel et de l’endroit où le WebP sera utilisé. Une petite icône en aplats, une illustration détaillée et un visuel occupant toute la largeur d’un site ne nécessitent pas les mêmes choix d’export.
| Usage prévu | Réglage conseillé | Pourquoi |
|---|---|---|
| Icône de site web | Largeur d’affichage ou 2× cette largeur, sans perte | Évite l’encodage avec perte des contours ; examinez le résultat matriciel réel |
| Aperçu de logo | 2x les dimensions d’affichage, sans perte ou « Haute qualité » ou « Qualité maximale » | Aide à conserver la netteté des courbes et des formes ressemblant à des caractères |
| Grande illustration | Largeur d’affichage visée, « Équilibré » ou « Haute qualité » | Équilibre les détails et la taille du fichier |
| Miniature légère | Dimensions plus petites, « Compression forte », « Compression modérée » ou « Équilibré » | Peut réduire la taille du fichier ; vérifiez le nombre d’octets du fichier téléchargé et les détails visibles |
| Image transparente à superposer | WebP avec transparence, « Équilibré », un préréglage de qualité supérieure ou sans perte | Conserve la transparence de l’arrière-plan tout en contrôlant la compression |
Choisissez les dimensions en fonction de l’emplacement d’affichage réel, pas les valeurs maximales disponibles. Agrandir des images matricielles intégrées à un SVG ne permet pas de restituer leurs détails manquants. Si l’espace vide pose problème, ajustez la zone de dessin SVG ou le viewBox dans le logiciel d’origine ; augmenter la qualité ne le supprimera pas.
Gestion des fichiers et limites pratiques
Sélectionner un SVG de 20 MB maximum déclenche son envoi pour traitement sur le serveur. La limite de 20 MB concerne la taille du fichier ; celle de 16 383 px par côté en sortie concerne les dimensions. Un petit fichier SVG peut malgré tout décrire une zone de dessin trop grande ou contenir des éléments que le moteur de rendu ne peut pas traiter.
Ce processus exporte un WebP statique à partir d’un fichier envoyé. Il ne propose ni champ de code SVG, ni éditeur vectoriel, ni enregistrement d’animation, ni sélection d’un instant de l’animation. Pour utiliser du code SVG, enregistrez d’abord un fichier .svg complet et valide ; regroupez dans ce fichier les styles et les ressources d’image nécessaires.
Téléchargez rapidement le WebP, car les fichiers envoyés et générés sont temporaires. Conservez le SVG pour de futures retouches.
Erreurs courantes à éviter
Renommer .svg en .webp
Modifier l’extension du fichier ne convertit pas le SVG en WebP. Une véritable conversion doit effectuer le rendu du SVG et encoder le résultat sous forme de fichier image WebP.
S’attendre à pouvoir modifier le WebP comme un SVG
Le WebP téléchargé est une image composée de pixels. Vous ne pouvez pas modifier les tracés, les formes ou le texte comme dans le SVG d’origine. Conservez le SVG comme source modifiable.
Considérer le mode sans perte comme une garantie de conserver les vecteurs
Le mode sans perte est un choix d’encodage WebP. Il ne peut pas restituer les vecteurs, remédier à une police manquante, corriger des fonctionnalités SVG non prises en charge ni annuler les choix de rendu et de redimensionnement antérieurs. Vérifiez l’image exportée même en mode sans perte.
Dépendre de polices ou de styles CSS externes
L’aperçu de la source envoyée et le rendu du serveur peuvent utiliser des ressources et des fonctions de rendu différentes. Intégrez les images et styles nécessaires au SVG, convertissez les textes importants en tracés et examinez le fichier téléchargé au lieu de vous fier uniquement à l’aperçu.
Exporter un WebP trop grand
Choisissez les dimensions de sortie en fonction de l’usage final. Un WebP trop grand peut occuper inutilement de l’espace ou dépasser les limites de la destination, alors qu’un SVG simple peut déjà être plus petit. Le redimensionnement conserve toute la zone de dessin SVG, y compris l’espace vide qu’elle contient.
Questions fréquentes
Les valeurs définissent un cadre maximal. L’image conserve ses proportions : une image de 1200×800 inscrite dans 600×600 devient une image de 600×400. Elle n’est ni recadrée ni étirée en carré. Saisissez un seul côté si c’est la dimension fixe dont vous avez besoin.
Le serveur peut ne pas disposer d’une police ou d’une ressource utilisée par votre aperçu, et certaines fonctionnalités SVG sont rendues différemment. Exportez un SVG autonome, convertissez les textes importants en tracés et examinez les masques et les filtres. Augmenter la qualité WebP ne corrige pas l’absence de contenu de la source.
Non. Les zones transparentes existantes peuvent être conservées, y compris en WebP avec perte. Un rectangle blanc ou tout autre arrière-plan déjà dessiné dans le SVG reste intégré à l’image. Supprimez cet arrière-plan dans le logiciel d’origine avant l’export si vous avez besoin de transparence.
Non. Cette page crée un rendu statique ; elle n’enregistre pas l’animation, n’exécute pas de scripts et ne propose pas de sélecteur d’instant ou d’image. Préparez un SVG statique contenant exactement l’état souhaité, ou utilisez séparément un processus d’export d’animation.
La taille du fichier n’est qu’une des limites. Le SVG doit être lisible par le moteur de rendu, et les deux côtés du résultat doivent respecter la limite de 16 383 px. Un petit fichier peut décrire une immense zone de dessin ; des éléments manquants ou non pris en charge peuvent aussi empêcher d’obtenir le résultat attendu. Vérifiez la source et choisissez des dimensions adaptées.
Cette page ne propose pas de champ de saisie de code. Enregistrez le balisage SVG complet dans un fichier .svg valide et envoyez-le. Renommer une autre image ou un fragment de texte incomplet n’en fait pas un SVG utilisable.
Un SVG simple peut décrire des formes avec très peu de données, alors que WebP stocke une image matricielle. Les dimensions, le visuel et le mode d’encodage déterminent la taille du fichier. Comparez le fichier téléchargé ; aucune taille cible précise en KB ni garantie d’un WebP plus petit n’est proposée.