Est-il possible de faire une capture d'écran d'une page web en tant qu'image SVG ?

Ce n'est pas tout à fait une capture d'écran, mais si la page s'imprime bien, vous pouvez l'imprimer au format PDF. Inkscape et Illustrator peuvent tous deux charger un PDF (et l'enregistrer au format SVG si nécessaire).

J'ai écrit une extension de navigateur open source qui fait exactement cela. Elle traverse le DOM et convertit les éléments en éléments SVG, en utilisant les styles et les coordonnées calculés par le navigateur. La hiérarchie SVG reflète la hiérarchie DOM.

Le SVG fonctionne bien lorsqu'il est intégré dans le navigateur, mais j'ai également fait en sorte qu'il puisse être importé dans des outils de conception tels que Figma (la mise en garde à ce sujet est que les outils de conception ne prennent souvent pas en charge l'intégralité de la spécification SVG).

• Chrome : https://chrome.google.com/webstore/detail/svg-screenshot/nfakpcpmhhilkdpphcjgnokknpbpdllg
• Firefox : https://addons.mozilla.org/en-US/firefox/addon/svg-screenshots/
• Source : https://github.com/felixfbecker/svg-screenshots
• Bibliothèque sous-jacente : https://github.com/felixfbecker/dom-to-svg

CSSBox WebVector convertira les pages HTML en SVG. Il s'agit d'une application java en ligne de commande, et vous pouvez voir un exemple de son résultat aquí .

La réponse à cette question se trouve déjà à l'adresse suivante Capture d'écran d'une grande page web dans Chrome

J'utiliserais CutyCapt il capture le rendu de webkit vers une image.

CutyCapt est un petit utilitaire en ligne de commande multiplateforme pour capturer le rendu de le rendu d'une page web par WebKit dans une variété de formats vectoriels et bitmap vectoriels et bitmap, y compris SVG, PDF, PS, PNG, JPEG, TIFF, GIF et BMP. Voir IECapt pour un outil similaire basé sur Internet Explorer.

Une approche : Si vous prenez une capture d'écran matricielle (PNG, JPG, etc.), vous pouvez ensuite utiliser "Trace Bitmap" dans Inkscape pour "convertir" les champs de certaines couleurs apparentées dans la capture d'écran en objets vectoriels. Je suis sûr qu'il existe un outil équivalent dans Adobe Illustrator. Faites attention au nombre de couleurs séparées que vous spécifiez pour le traçage - les fichiers vectoriels résultants peuvent devenir rapidement complexes. Chaque couleur est un objet vectoriel distinct qui se superpose aux autres objets de couleur pour représenter l'image matricielle d'origine, de sorte que vous devrez probablement procéder à un certain nettoyage.