Le format SVG
Pas du tout des pixels — des instructions pour dessiner des formes, donc il reste net à n'importe quelle taille.
Qu'est-ce que SVG ?
Le SVG est un format vectoriel basé sur XML. Au lieu de stocker une grille de pixels, il stocke la géométrie : chemins, cercles, dégradés, texte. Le navigateur rend cela à la taille nécessaire, de sorte qu'un logo SVG est également net sur un téléphone et sur un panneau d'affichage.
Pour les illustrations plates et géométriques, il est également minuscule. Un logo qui ferait 40 Ko en PNG fait souvent 2 Ko en SVG, et il ne nécessite qu'un seul fichier plutôt qu'un par densité de pixels.
Parce qu'il est en XML, le SVG peut contenir des scripts, des références externes et des styles intégrés. Cela en fait un contenu véritablement actif, et un SVG provenant d'une source non fiable doit être traité avec la même prudence qu'un fichier HTML — c'est pourquoi KaiConvert n'injecte jamais de balisage SVG arbitraire dans la page.
Utilisations courantes
- Logos, icônes et graphiques d'interface
- Graphiques et visualisation de données
- Illustrations et dessins au trait qui doivent être mis à l'échelle
- Tout ce qui doit être rendu de manière nette à chaque densité
Avantages
- Indépendant de la résolution — net à n'importe quelle taille
- Très petits fichiers pour les illustrations géométriques
- Stylisable et animable avec CSS
- Le texte à l'intérieur d'un SVG reste un texte réel et sélectionnable
Limitations
- Inadapté aux photographies
- Les illustrations complexes peuvent être lentes à rendre
- Peut contenir des scripts, donc les SVG non fiables sont un risque de sécurité
- Le rendu peut varier subtilement entre les moteurs pour les fonctionnalités avancées
Prise en charge par les navigateurs
Universel pour le rendu. KaiConvert traite le SVG téléchargé comme non fiable : il est rastérisé dans un élément d'image en bac à sable plutôt que d'être intégré au DOM, de sorte que les scripts intégrés ne s'exécutent jamais.