Tutoriel — choisissez votre sortie
Le téléchargeur de SVG de site, et quelle voie prendre
Toutes les méthodes ici finissent avec le même vecteur nettoyé. Elles ne diffèrent que par l'endroit où il atterrit et par le nombre de décisions en chemin — choisissez donc par destination.
À regarder — 19 secondes
Trois sorties depuis une seule analyse
L'analyse n'a lieu qu'une fois dans cet enregistrement. Les trois sorties partent de la même liste — c'est pourquoi passer de l'une à l'autre ne coûte rien.
Ce que montre l'enregistrement
- Une analyse, puis trois voies de sortie
- Prévisualisez jusqu'à le trouver
- Un fichier — Télécharger le courant
- La page entière — Tout télécharger en ZIP
- Ou aucun fichier — Copier le code
- Même analyse, même page, quelle que soit celle qu'il vous faut
Décidez par destination
Quatre voies, et quand chacune est la bonne
La question n'est pas quelle méthode est la meilleure — c'est ce que vous allez faire du vecteur une fois obtenu.
- Télécharger le courant — vous voulez un vecteur précis en fichier, et son nom vous importe. La voie par défaut. Comment →
- Tout télécharger en ZIP — vous voulez le jeu, ou vous ne savez pas encore lequel il vous faut et préférez trier sur disque. Dédoublonné et numéroté. Comment →
- Copier le code / Copier l'image — la destination est un éditeur ou un document, et un fichier sur disque ne serait qu'une étape à supprimer ensuite. Comment →
- Clic droit → Enregistrer ceci en SVG — vous regardez droit celui que vous voulez et n'avez besoin ni d'aperçu, ni de nom, ni de choix. La voie la plus rapide. Comment →
Et une décision qui traverse les quatre : si la destination n'accepte pas le SVG — e-mail, la plupart des logiciels de présentation, les vieux uploaders de CMS — basculez le segment de format sur PNG avant de télécharger. Comment →
La partie commune
Trois des quatre voies commencent à l'identique. Seule la dernière étape diffère, et c'est la seule à laquelle vous devez réfléchir.
- Mettez la page dans l'état que vous voulez capturer. Connectez-vous, faites défiler, ouvrez le menu — tout ce qui met à l'écran les vecteurs voulus. L'analyse lit le DOM tel qu'il est.
- Ouvrez le popup et analysez. Un clic. Le compteur indique ce que la page affiche, dédoublonné.
- Prévisualisez et choisissez. Préc. et Suiv. parcourent le jeu, isolé et hors de la page chargée.
- Choisissez votre sortie. Télécharger le courant pour un fichier, Tout télécharger en ZIP pour le jeu, ou Copier le code / Copier l'image pour le presse-papiers. Basculez d'abord le segment de format s'il vous faut un PNG ou un JPG.
Ce que toutes les voies ont en commun
Quelle que soit la sortie choisie, les deux mêmes choses arrivent au balisage en chemin, et c'est pour cela que le résultat est utilisable. L'espace de noms xmlns est ajouté s'il manquait, ce qui permet à un fichier extrait d'une page de s'ouvrir comme document autonome. Et tout ce qui est exécutable — éléments <script>, gestionnaires on*, références externes — est retiré, pour ne pas emporter le comportement de la page d'un autre dans votre code ou votre outil de design.
La version en cinq secondes
- Besoin d'une icône, tout de suite ? Clic droit.
- Besoin d'une icône, bien nommée ? Popup, puis Télécharger le courant.
- Besoin de tout le jeu ? Popup, puis Tout télécharger en ZIP.
- Vous collez dans du code ? Copier le code.
- Vous collez dans un document ou un chat ? Copier l'image.
- La destination refuse le SVG ? Basculez d'abord en PNG.
- Un fichier
- Télécharger le courant — avec le nom de fichier de votre choix.
- Le jeu
- Tout télécharger en ZIP — dédoublonné et numéroté.
- Aucun fichier
- Copier le code pour les éditeurs, Copier l'image pour les documents.
- Le plus rapide
- Clic droit → Enregistrer ceci en SVG. Aucun popup.
Bon à savoir
Questions fréquentes
Quelle méthode donne la meilleure qualité ?
Elles sont identiques. Chaque voie passe par le même nettoyeur et la même réparation d'espace de noms — elles ne diffèrent que par l'endroit où le résultat atterrit et le nombre de choix en chemin.
Puis-je ne télécharger que quelques-uns des SVG plutôt que tous ?
Oui. Feuilletez jusqu'à chacun et utilisez Télécharger le courant, en les nommant au passage. Tout télécharger en ZIP est là pour quand vous voulez tout le jeu.
Qu'est-ce qui est retiré du balisage ?
Les éléments script, les attributs gestionnaires on* et les références externes. Les formes ne sont pas touchées, et l'espace de noms xmlns est ajouté pour que le fichier s'ouvre seul.
Dois-je relancer l'analyse entre deux téléchargements ?
Non. Une analyse construit la liste et chaque sortie s'appuie dessus. Relancez seulement si vous modifiez la page — ouvrir une fenêtre modale, changer d'onglet, faire défiler une grille paresseuse.
Et si le site refuse le SVG que j'ai téléchargé ?
Basculez le segment de format sur PNG et téléchargez à nouveau. Les clients de messagerie, les logiciels de présentation et les vieux uploaders de CMS refusent fréquemment le SVG.
Une analyse, la sortie qu'il vous faut
Un fichier, un ZIP, le presse-papiers, ou un simple clic droit.