Convertir PNG en SVG
Intégrez des images matricielles PNG dans un conteneur vectoriel SVG XML pour une mise à l'échelle adaptative sur le web et une intégration dans des mises en page compatibles avec les vecteurs.
Comparaison des formats et spécifications techniques
| Spécification | PNG | SVG |
|---|---|---|
| Type MIME | image/ | image/ |
| Type | matriciel | vectoriel |
| Compression | sans perte (DEFLATE / LZ77 + Huffman) | texte XML sans perte (compressible en GZIP via .svgz) |
| Spécification standard | W3C PNG 3e édition | Spécification W3C SVG 2 |
| Signature binaire (octets magiques) | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
Aperçu du format et applications
La conversion de fichiers PNG au format SVG enveloppe l'image bitmap raster dans un conteneur vectoriel XML, permettant aux développeurs web et aux graphistes d'intégrer des graphiques raster directement dans des flux de travail vectoriels échelonnables. Une image PNG raster utilise une grille fixe de pixels colorés. L'encapsulation de ce graphique dans un fichier SVG préserve les dimensions d'origine des pixels et la transparence tout en rendant l'image directement intégrable dans des mises en page web pilotées par SVG et des zones d’affichage adaptatives de l’interface. Les concepteurs web effectuent fréquemment cette conversion pour intégrer des illustrations raster dans des feuilles de sprites SVG, des flux de travail d'illustration vectorielle et des sites web responsifs sans avoir à gérer de fichiers d'images externes séparés. Le fichier SVG résultant intègre l'intégralité du graphique de manière autonome dans un balisage XML standard.
Spécifications techniques et analyse des codecs
Un fichier PNG est une image raster avec le type MIME image/png. Il commence par l'en-tête d'octet magique 89 50 4E 47 0D 0A 1A 0A, suivi de blocs de données compressés à l'aide de l'algorithme DEFLATE, qui combine des dictionnaires glissants LZ77 et le codage de Huffman. En revanche, un fichier SVG utilise le type MIME image/svg+xml et est structuré comme un document XML. Pendant la conversion, le moteur rastérise l'image dans la mémoire client, sérialise le bitmap en PNG et intègre l'image sous forme de URI de données Base64 à l'intérieur d'un élément conteneur <image> SVG. Cela regroupe le graphique dans un fichier SVG valide et autonome avec des dimensions viewBox définies.
Compatibilité système et navigateur
Les fichiers SVG bénéficient d'une prise en charge universelle sur les navigateurs web modernes, notamment Chrome, Firefox, Safari et Edge, sur les systèmes d'exploitation de bureau et mobiles tels que Windows, macOS, Android et iOS. Les visionneuses d'images et les suites de conception telles que Adobe Illustrator, Inkscape et CorelDRAW gèrent l'édition SVG de manière native. Les fichiers PNG partagent cette prise en charge universelle des navigateurs et des systèmes d'exploitation, mais la visualisation du code source SVG brut nécessite un éditeur de texte standard. La prise en charge varie aussi selon l’application, l’appareil, le système d’exploitation et sa version.
Informations utiles
Étant donné que cette conversion intègre le bitmap raster dans un conteneur XML plutôt que de tracer des chemins vectoriels, le graphique préserve les détails exacts des pixels et la transparence alpha tout en maintenant une pleine compatibilité avec les moteurs de rendu SVG.
Foire aux questions
Comment convertir une image PNG en vecteur SVG sans perte de qualité ?
L’outil de conversion encapsule l'image bitmap PNG en pleine résolution directement dans une enveloppe XML SVG en tant que flux de données Base64 intégré. Cela conserve les couleurs des pixels et la transparence sans compression avec perte.
Quelle est la différence entre une image PNG et un vecteur SVG ?
Le PNG est un format d'image raster qui stocke les données visuelles sous forme de grille fixe de pixels colorés compressés avec DEFLATE, ce qui rend la taille du fichier dépendante des dimensions en pixels. Le SVG est un format d'image vectorielle qui stocke les données visuelles sous forme d'instructions mathématiques adaptables écrites en texte XML, permettant à l'image d'être redimensionnée à l'infini sans pixellisation.