Convertir HTML en Image

Convertissez des pages web en JPG ou SVG.

自动滚动截取完整页面 - 使用服务端浏览器渲染
使用真实 Chrome 浏览器渲染,完整支持现代 CSS 样式(如 Tailwind v4)

Un instantané d'une page en direct, pas une extraction de son code

L'outil HTML vers Image de Pico Image ne prend pas du balisage HTML ou du CSS que vous colleriez pour le transformer en image — il prend une URL, ouvre cette adresse dans un véritable moteur de rendu, comme le ferait un navigateur, attend que la mise en page, les polices web et les images de la page aient fini de se charger, puis capture exactement ce qui est affiché à l'écran à cet instant précis. Rien du code source n'est conservé : aucun élément sélectionnable, aucun lien, aucun texte à copier ensuite, seulement le résultat visuel final. Choisir JPG dans Format de Sortie rastérise cette capture en une photo compressée standard, le même type de fichier que produirait un appareil photo de téléphone. Choisir SVG enveloppe au contraire cette même capture rendue dans un conteneur vectoriel, ce qui est utile lorsque le fichier doit s'intégrer dans un outil de design ou être mis à l'échelle sans perte de qualité visible — mais le contenu de ce SVG reste la page telle qu'elle a été rendue, et non un ensemble de formes vectorielles distinctes que vous pourriez sélectionner et modifier tracé par tracé. La résolution de l'image capturée suit la fenêtre d'affichage utilisée pour le rendu plutôt que votre propre écran, ce qui garantit un résultat cohérent quel que soit l'appareil ou la taille de fenêtre depuis lequel vous lancez la capture — un résultat reproductible plutôt que dépendant du moniteur ouvert à ce moment-là. Comme l'ensemble du processus dépend du bon achèvement du rendu de la page, il existe des limites bien réelles. Une page qui exige d'être connecté se charge comme le verrait un visiteur anonyme et affiche ce que ce visiteur verrait — généralement un formulaire de connexion. Un article protégé par un mur payant affiche ce mur payant. Un site explicitement configuré pour résister à l'intégration ou à l'automatisation, via des en-têtes de réponse comme X-Frame-Options ou une politique frame-ancestors stricte, ou via une détection de robots visant les navigateurs headless, renverra souvent une erreur ou une mise en page volontairement cassée plutôt que son contenu réel. La capture reflète également une seule largeur de fenêtre d'affichage et la hauteur de défilement complète de la page, et non plusieurs tailles d'écran, et elle ne simule ni défilement ni clic : le contenu qui n'apparaît qu'après une interaction de l'utilisateur — une section repliable, une image chargée paresseusement en bas de page, les diapositives suivantes d'un carrousel — peut donc être absent ou apparaître dans l'état où il se trouvait au moment où le rendu s'est terminé.

Quand une capture en direct vaut mieux qu'une maquette ou une capture d'écran manuelle

Une image Open Graph manquante ou obsolète est le cas le plus évident : si un CMS n'a jamais généré d'aperçu social correct pour une page, faire passer l'URL en direct dans cet outil produit une vignette fidèle sans ouvrir les outils de développement du navigateur ni installer une extension de capture d'écran. Les équipes marketing et juridiques utilisent la même fonctionnalité avant qu'une page d'atterrissage ne soit modifiée, car un JPG daté prouve ce qu'une page disait et montrait réellement, d'une façon qu'un simple lien ne permet plus une fois le contenu changé en dessous. Lors d'une passation de design, une image figée de la page d'accueil en production — avec de vraies données, de vrais emplacements publicitaires, de vraies bannières de cookies, bref tout ce qui tourne réellement en production — en dit plus à un développeur sur les espacements et les couleurs qu'une maquette Figma dessinée avant que tout cela n'existe. Pour les équipes qui proposent une refonte, placer côte à côte la capture actuelle du site en direct et la nouvelle maquette rend l'amélioration lisible d'une façon qu'une description dans un ticket ne parvient jamais tout à fait à égaler. C'est aussi un moyen rapide de surveiller la page d'un concurrent ou d'un partenaire sans mettre en place tout un système de suivi : capturez-la maintenant, capturez-la à nouveau dans un mois, et comparez les deux images plutôt que d'essayer de vous souvenir de ce qui a changé. Lorsqu'un rapport de bug doit montrer exactement comment une page s'est affichée à un instant précis — une mise en page cassée ou un état de chargement bloqué — joindre seulement l'URL ne permettra pas de reproduire ce moment une fois le problème corrigé, alors qu'un instantané pris pendant que cela se produisait le fera.

Aucun outil de capture d'écran ni extension de navigateur nécessaire
Capture la page exactement telle qu'elle est rendue, polices et mise en page comprises
JPG pour le partage et l'intégration, SVG pour un placement adaptable à toute échelle
Conserve l'apparence d'une page avant qu'elle ne change ou ne disparaisse

Capturer une page

Pointez l'outil vers la page exacte que vous souhaitez capturer — le processus s'exécute à partir d'une URL précise, pas d'un fichier que vous importeriez ni d'un code que vous écririez, l'adresse doit donc être l'emplacement réel et accessible publiquement de la page. Choisissez le format en amont, car JPG et SVG produisent des fichiers réellement différents, et pas seulement deux extensions d'une même image. La capture se déroule elle-même côté serveur : une fois lancée, l'outil charge la page dans un environnement de rendu en direct, et l'indicateur Capture... reste affiché pendant qu'il attend que la mise en page, les polices et les images visibles se stabilisent avant de prendre l'instantané. Le résultat se télécharge sous la forme d'un fichier unique dans le format choisi, prêt à être joint, importé ou déposé dans un fichier de design sans conversion supplémentaire.

1

Collez l'adresse complète de la page, y compris https://, dans le champ URL.

2

Choisissez le Format de Sortie — JPG pour une image classique et facile à partager, SVG pour un conteneur adaptable à toute échelle.

3

Lancez la capture et patientez pendant l'étape Capture..., le temps que la page se charge et que sa mise en page se stabilise.

4

Téléchargez l'instantané final une fois le rendu terminé.

Questions fréquentes

La cause la plus fréquente est une page qui exige d'être connecté — le moteur de rendu visite l'URL sans votre session, vos cookies ni vos identifiants, donc tout ce qui se trouve derrière une connexion affiche un écran de connexion au lieu du contenu voulu. La deuxième cause la plus fréquente est un site conçu délibérément pour bloquer l'intégration ou l'automatisation, via des en-têtes de réponse comme X-Frame-Options ou une Content-Security-Policy stricte, ou via une détection de robots ciblant spécifiquement les navigateurs headless ; ces pages renvoient une erreur ou une version dégradée plutôt que la mise en page réelle. Les articles protégés par un mur payant se comportent de la même façon dès que le script du mur payant se déclenche. Ouvrir vous-même l'URL dans une fenêtre de navigation privée est un moyen rapide de vérifier si un visiteur non connecté verrait la même chose.
Le SVG produit par cet outil est un instantané de la page rendue, simplement enveloppé — les pixels que vous verriez à l'écran, emballés dans un conteneur SVG afin qu'il s'adapte proprement à toute échelle sans nécessiter de polices ou de ressources supplémentaires. Ce n'est pas la même chose que de passer une photo par Image vers SVG, qui transforme une image matricielle en véritables tracés et formes vectoriels que vous pouvez sélectionner, recolorer et modifier nœud par nœud dans un logiciel comme Illustrator. Si vous avez besoin d'un visuel vectoriel modifiable, cet outil ne vous permettra pas d'y parvenir pour une page web ; il est conçu pour obtenir une copie visuelle fidèle d'une page, pas pour convertir une image en graphique vectoriel.
Format de Sortie ne propose que JPG et SVG — il n'existe pas d'option PNG ou PDF pour cet outil en particulier. JPG est le choix par défaut le plus adapté pour tout ce que vous collerez dans une discussion, un document ou une publication sur les réseaux sociaux ; SVG a davantage de sens lorsque le fichier doit s'intégrer dans un outil de design ou être placé à différentes tailles sans perte de qualité. Si vous avez spécifiquement besoin d'un PNG ou d'un PDF, il faudra convertir le JPG ensuite avec un autre outil.
Contrairement aux outils de recadrage, de filtre ou de redimensionnement de ce site, qui fonctionnent entièrement côté client, HTML vers Image doit envoyer l'URL à un serveur, car capturer une véritable page web suppose de la charger dans un véritable environnement de rendu — ce qu'un onglet de navigateur ne peut pas faire vers un autre site en raison des restrictions liées aux origines croisées. Seule l'URL que vous saisissez est envoyée ; l'outil ne demande ni n'utilise aucun identifiant de connexion, il ne peut donc récupérer aucun contenu nécessitant normalement d'être connecté. Si garder l'intégralité du traitement en local est important pour un fichier donné, c'est une bonne raison de plutôt vous tourner vers les outils d'édition d'image côté client du site.
Non. Le moteur de rendu charge l'URL comme le ferait un visiteur anonyme, non connecté : tout ce qui est protégé par un formulaire de connexion, un mur payant d'abonnement ou une session basée sur des cookies affiche ce que cette page montre au public — généralement une invite de connexion, une bannière de mur payant ou un aperçu tronqué, mais pas le contenu qui se trouve derrière. Il n'existe aucun moyen de transmettre des identifiants dans le champ URL pour contourner cette limite.
L'outil capture la page telle qu'elle est rendue à une largeur de fenêtre d'affichage standard pour ordinateur de bureau, et l'image obtenue suit toute la hauteur de défilement de la page plutôt que de s'arrêter à la ligne de flottaison : une longue page d'atterrissage produit donc un JPG ou un SVG proportionnellement haut. Ce que l'outil ne fait pas, en revanche, c'est simuler le défilement pour déclencher les sections qui ne se chargent que lorsqu'un visiteur défile jusqu'à elles ; le contenu conçu pour apparaître de cette façon peut donc manquer, même si le fichier lui-même couvre la page du haut jusqu'en bas.
La capture est un instant figé, pris une fois le chargement initial de la page stabilisé : un carrousel ou un diaporama affiche donc la diapositive active à cet instant précis, et non l'ensemble des diapositives. Le contenu qui n'apparaît qu'après un déclencheur de défilement, un clic ou un script différé peut avoir fini de se charger à temps ou non, et les transitions ou animations CSS sont capturées en plein mouvement, ou pas du tout, selon le moment exact. Pour les pages qui dépendent fortement de l'interaction pour révéler leur contenu réel, une capture d'écran manuelle prise après avoir interagi avec la page sera plus fiable que cet outil.
Considérez-le comme une trace visuelle, pas comme une archive certifiée — le résultat est un fichier image sans horodatage intégré, sans métadonnées de page et sans capture du HTML ou des liens sous-jacents : rien ne prouve quand ni depuis où il a été pris, en dehors de ce que votre propre système de fichiers enregistre. Pour des usages informels, comme noter à quoi ressemblait une page avant une refonte ou conserver une copie d'une annonce susceptible d'être retirée, il est réellement utile. Pour tout ce qui exige une provenance solide, comme un litige ou un dossier de conformité, un service dédié d'archivage web qui horodate et hache la capture est l'outil approprié à la place.

Plus d'outils d'image

Explorez d'autres outils puissants pour vos besoins d'édition

Compresser Image

Réduire la taille

Redimensionner

Changer dimensions

Recadrer Image

Découper zone

Convertir Format

Changer format

Éditeur Photo

Éditer photos

Pivoter Image

Pivoter image

Retourner Image

Horizontal/Vertical

Ajouter Filigrane

Filigrane

Ajouter Bordure

Ajouter bordure d'image

Coins Arrondis

Ajouter coins arrondis

Filtres

Luminosité/Contraste

Flouter Visage

Masquer visages

Mosaïque

Flouter régions

Supprimer Fond

Supprimer fond

Améliorer Image

IA upscale

Ajouter Texte

Ajouter texte à l'image

Collage

Combiner plusieurs images

GIF en Séquence

Extraire frames

Supprimer les bords vides

Supprimer les bords vides

Renommer des images en lot

Renommer plusieurs fichiers en toute sécurité

Recadrage Circulaire

Recadrer des images en cercle

Noir et Blanc

Convertir des images en niveaux de gris

Diviser l'Image

Découper une image en grille

Fusionner les Images

Combiner des images en une seule

Changer le DPI

Définir les métadonnées DPI

Image en Base64

Encoder des images en Base64

Image vers PDF

Rassembler des images dans un PDF

HEIC vers JPG

Convertissez les photos HEIC de votre iPhone en JPG

Suppresseur EXIF

Consultez et effacez les métadonnées photo cachées, y compris la géolocalisation GPS

Générateur de Favicon

Jeu d'icônes complet + code HTML

Palette de couleurs

Extraire les couleurs d'une image

Base64 vers image

Décoder du Base64 en image

HEIC vers PNG

Convertir les photos HEIC de l'iPhone en PNG sans perte

Texte derrière l'image

Placer du texte derrière le sujet d'une photo, entièrement dans votre navigateur

Pipette à couleurs

Obtenir le HEX, le RGB et le HSL de n'importe quel pixel

Créateur de signature

Dessiner une signature et la télécharger en PNG transparent

Détourage de signature

L'encre du papier, sur fond transparent

Créateur de fond transparent

Rendre un arrière-plan transparent