La médiathèque de votre site n'accepte pas le SVG, mais prévoit des images WebP ? Faites rendre le motif en pixels avant de l'y déposer. La copie ne pourra plus être redessinée librement; examinez donc les polices, le cadre et les contours sur la page finale.
Déposez votre fichier .SVG ici
ou cliquez pour parcourir depuis votre appareil
SVG peut être servi directement par de nombreuses pages web. Une conversion n'est utile que si une étape particulière demande un fichier raster. La route dessine l'image dans le navigateur puis écrit le WebP de cette vue. Les chemins, les textes et une éventuelle interaction ne survivent pas comme objets.
Regardez la largeur en pixels et les marges du WebP téléchargé. Un SVG avec une large zone de dessin peut produire un motif trop petit au milieu du fichier. Vérifiez aussi les textes : une police de substitution peut modifier l'espacement ou provoquer une coupure inattendue.
WebP peut stocker des pixels transparents, mais ce sont ceux que le navigateur a effectivement dessinés qui comptent. Posez le fichier sur les fonds clair et foncé du site. Une ombre qui paraissait correcte dans l'éditeur SVG peut changer après rasterisation.
Testez la version publiée par le CMS, qui peut redimensionner encore l'image. C'est elle que les visiteurs recevront, pas nécessairement la copie locale brute.
Une médiathèque qui refuse les fichiers SVG peut recevoir une version WebP de l'illustration. Pour une notice de musée en ligne, comparez la carte de catalogue et la vue de détail : un numéro ou une légende doit rester lisible dans la seconde, mais peut être sacrifié dans une vignette recadrée. La conversion crée un fichier, pas automatiquement toutes les déclinaisons produites ensuite par le site. Conservez l'original pour adapter la composition à un autre format de présentation.
Une variante raster peut être intégrée là où le SVG n'est pas autorisé.
Le SVG rendu peut être diffusé comme une image WebP statique.
Agrandir la sortie WebP n'apporte pas de nouveaux chemins vectoriels.
Le rendu du texte et la compression peuvent modifier des contours fins.
Les formes séparées, le texte éditable et la capacité de redimensionnement vectoriel ne sont pas conservés.
Pensez à conserver le SVG comme maître.
Si la même illustration doit apparaître en plusieurs tailles, mieux vaut revenir à sa géométrie vectorielle qu'agrandir ou réencoder plusieurs fois le même WebP.
La sortie est une image fixe.
Une animation SVG ou un lien cliquable interne ne devient pas une fonction équivalente dans le WebP.
De même, la conversion ne garantit pas un fichier plus léger qu'un petit SVG de départ.
Assurez-vous que la source se dessine entièrement, y compris ses polices.
Identifiez la largeur prévue pour la vue détaillée et sa vignette.
Une forme vectorielle peut être nette à de nombreuses tailles, mais la copie WebP possède des pixels définis.
Si la page l'agrandit dans une bannière, les traits peuvent devenir doux.
Testez la version publiée sur téléphone et sur écran large.
Vérifiez aussi les polices du SVG : une substitution au moment du rendu est intégrée dans le WebP.
Les bordures transparentes méritent un essai sur le fond réel du site.
Conservez le dessin éditable.
Si la page publiée paraît moins nette que le WebP local, examinez la variante réellement servie par le CMS.
Une miniature supplémentaire peut être la cause.
Gardez le SVG afin de créer un export adapté au nouvel emplacement sans déformer la première copie.
Contrôlez les éléments de l'illustration.
Rastérisez et encodez une vue fixe.
Comparez les différentes tailles réellement publiées.
Non. Il contient un raster de la vue dessinée par le navigateur.
Non. La route produit une image fixe sans scripts ni mouvement.
Non. Une source SVG courte peut être plus compacte que son image raster.
Non. Il contient des pixels fixes.
Pas nécessairement; choisissez selon le besoin réel de publication.
Il est rendu en pixels et ne reste pas un objet texte modifiable.
Pas toujours. Le CMS peut générer ou demander d'autres tailles séparément.
Gratuit, instantané et 100% privé. Vos fichiers sont traités localement dans votre navigateur.