Fusionner des fichiers SVG

Non. La conversion se fait entièrement dans votre navigateur. Le fichier ne quitte jamais votre appareil – aucun serveur ne peut le voir. Une fois la page chargée, l'outil fonctionne même hors ligne.

Côte à côte et empilés produisent une seule image : chaque fichier devient un <svg> imbriqué à sa propre taille, placé dans l'ordre de la file avec l'espace choisi, et le nouveau fichier reçoit width, height et viewBox qui englobent le tout. Un sprite n'est pas une image mais une bibliothèque : chaque fichier devient un <symbol> dont l'id est le nom du fichier, et vous en affichez un avec <svg><use href="sprite.svg#nom-du-fichier"/></svg> – ou collez le sprite une fois dans la page et utilisez href="#nom-du-fichier".

Deux fichiers utilisent souvent les mêmes id (« a », « gradient », « clip0 »). Chaque id reçoit le nom du fichier en préfixe et chaque référence – url(#…), href="#…", sélecteurs #… des feuilles de style, aria-labelledby – est réécrite en conséquence, pour que dégradés, clip paths et éléments <use> continuent de fonctionner. Dans un sprite, les <defs> de tous les fichiers sont regroupés dans un bloc partagé.

D'une viewBox, ou de width et height absolus (px, pt, mm, cm, in). Les fichiers dimensionnés en pourcentage ou en em ne peuvent pas être placés – le message nomme le fichier ; corrigez-le avec l'outil viewBox ou dans votre éditeur. Les scripts, gestionnaires d'événements et références externes sont d'abord retirés de chaque fichier.