Convertisseur vectoriel

Ce convertisseur transforme les fichiers SVG (Scalable Vector Graphics) en formats d'image matriciels grâce à l'API Canvas native du navigateur et à son pipeline de rendu d'images. Le SVG est d'abord chargé comme élément Image, que le moteur de rendu SVG intégré au navigateur interprète, y compris tous les tracés, formes, textes, dégradés et transformations définis dans le balisage SVG.

L'image est ensuite dessinée sur un élément HTML5 Canvas selon le multiplicateur d'échelle choisi. Un SVG de 100×100 px à l'échelle 3x produit un canevas de 300×300 px. La méthode toBlob() de l'API Canvas encode ensuite les données de pixels dans le format de sortie choisi : PNG (sans perte, avec transparence alpha), JPEG (avec perte, qualité configurable, fond blanc appliqué car le JPEG n'a pas de canal alpha) ou WEBP (format moderne avec modes avec et sans perte et d'excellents taux de compression).

Le curseur d'échelle permet une sortie allant de 0,5x (miniature) à 5x (résolution d'impression) des dimensions d'origine du SVG. Pour le JPEG et le WEBP, un curseur de qualité supplémentaire contrôle le niveau de compression. Tout le rendu et l'encodage s'effectuent localement dans le navigateur : les fichiers SVG ne quittent jamais l'appareil de l'utilisateur.