Importez la page à reproduire
Choisissez une capture nette d’un site, d’une interface ou d’un composant. Gardez la mise en page complète et le texte lisible. Ajoutez une consigne si un élément demande une attention particulière.
Une capture en entrée. Une page en sortie.
Convertisseur d’image en HTML
Transformez une capture d’écran en page web que vous pouvez ouvrir. Vérifiez la mise en page, modifiez le texte et téléchargez un fichier HTML responsive avec son CSS intégré.
Votre capture
Importez une capture de page web ou d’interface pour commencer.
Vous pouvez aussi coller une capture ici. Les grandes images sont redimensionnées avant conversion.
Ou consultez un résultat réel
Votre page HTML
Consultez une véritable page HTML
Votre capture devient une page HTML
Examinez-la ici, vérifiez la version mobile, modifiez le texte et téléchargez un fichier HTML.
De la capture à la page web
Trois étapes. Un fichier HTML.
Reconstituez la page visible au lieu de partir de zéro. Vous pouvez examiner le résultat avant de le télécharger.
Examinez la page obtenue
Le HTML généré s’affiche directement. Comparez-le à l’original, vérifiez la version mobile et consultez les remarques sur les éléments manquants ou approximatifs.
Adaptez le texte et téléchargez
Modifiez le texte dans l’outil, puis téléchargez le fichier .html. Ouvrez-le dans un navigateur, transmettez-le à un développeur ou poursuivez la création de votre page.
Exemples réels : capture → HTML
Des mises en page variées. Des résultats consultables.
Ces conversions ont été réalisées avec GPT-6 Luna. Comparez la capture source à la page générée, puis ouvrez le résultat ou téléchargez son HTML sans utiliser de crédits.
Les trois premières captures proviennent de maquettes originales créées pour ces exemples. Le modèle n’a reçu que les images, sans leur HTML source. Les résultats conservent le texte anglais des captures.
01 / Site marketing
Une page d’accueil
Une navigation, un en-tête sur deux colonnes, une illustration et trois cartes de présentation.
L’illustration est recréée en CSS et SVG. Il ne s’agit pas d’un fichier extrait de l’image.
02 / Offres et comparaison
Une section tarifs
Trois offres, une formule mise en avant, des listes de fonctionnalités et un tableau comparatif.
Les prix et libellés sont conservés ; les boutons d’achat n’effectuent aucun paiement.
03 / Mise en page e-commerce
Une fiche produit
Une galerie, des options, un prix, les informations de livraison et les détails du produit.
Le visuel du produit est un emplacement réservé clairement signalé. Le panier et le paiement ne sont pas connectés.
04 / Interface de données
Un tableau de bord
Quatre indicateurs, trois zones de visualisation, une navigation et cinq lignes de commandes.
Les graphiques sont approximatifs. Cet exemple a fait l’objet d’une correction par le modèle après les contrôles responsive.
Ce que vous récupérez
Une page à ouvrir. Un fichier à garder.
Le résultat livré est une page HTML. Aucun environnement de développement n’est nécessaire pour le consulter.
.html
your-page.html
Un document HTML autonome qui contient ses styles. Téléchargez-le et ouvrez-le directement dans Chrome, Safari, Firefox ou Edge.
Une capture ne permet pas de récupérer les photos originales, les fichiers de polices ou le serveur du site. L’outil signale ces éléments pour que vous sachiez quoi remplacer ou connecter.
- Un aperçu de la page
Vérifiez le résultat avant de l’enregistrer, y compris dans une vue mobile étroite.
- Du texte modifiable
Corrigez les titres, les libellés et les paragraphes dans le navigateur, sans écrire de code.
- HTML et CSS dans un fichier
Aucune compilation ni installation de framework n’est nécessaire pour ouvrir la page téléchargée.
- Des remarques utiles
Identifiez les visuels manquants et les comportements responsive ou graphiques déduits de l’image.
Une meilleure capture facilite la conversion
Rendez la mise en page bien lisible.
La conversion en HTML s’appuie uniquement sur ce qui est visible. Quelques précautions rendent le résultat plus facile à utiliser.
Capturez une page ou une section
Utilisez une capture propre d’une page, d’un bloc de tarifs ou d’une interface. Pour un site très long, convertissez des sections cohérentes séparément au lieu de réduire toute la page en une image minuscule.
Gardez le texte net et complet
Utilisez si possible la capture originale, avec la navigation, les titres et les bords des cartes. Les libellés coupés, les petits caractères et les photos floues d’un écran compliquent la reproduction.
Distinguez apparence et fonctionnement
La présentation d’une fiche produit peut être recréée, mais pas son stock, sa logique de paiement ou son accès API. Utilisez le HTML comme point de départ statique, puis raccordez les fonctions nécessaires.
Vérifiez les petits écrans
Une capture d’ordinateur ne montre pas les règles mobiles d’origine. Contrôlez l’empilement des cartes, l’accès à la navigation et le défilement des tableaux dans leur propre zone.
Avant de convertir
Comprendre la conversion d’image en HTML
Comment convertir une image en HTML ?
Importez une capture nette d’une page ou d’une interface, ajoutez éventuellement des consignes, puis choisissez Convertir en HTML. Examinez la page affichée, testez les vues ordinateur et mobile, puis téléchargez le fichier. Vous n’avez pas besoin de copier du code pour utiliser le résultat.
Est-ce une page HTML ou seulement du code ?
Vous obtenez un aperçu de la page et un fichier .html téléchargeable contenant son CSS. Un double-clic permet de l’ouvrir dans un navigateur. Le texte et la mise en page utilisent de vrais éléments HTML : ce n’est pas simplement la capture placée dans une page.
Le convertisseur est-il gratuit ?
Les visiteurs peuvent réaliser deux conversions par jour sans inscription, dans la limite de la capacité du service. Le quota dépend du réseau et se renouvelle à minuit UTC ; plusieurs personnes sur le même réseau peuvent le partager. Une conversion terminée coûte 4 crédits aux utilisateurs connectés. Un échec ou un résultat inutilisable restitue l’essai ou les crédits. Les quatre exemples restent gratuits à consulter et télécharger.
Puis-je modifier le résultat sans coder ?
Oui. Choisissez Modifier le texte, corrigez les mots, puis appliquez vos changements. L’aperçu et le fichier téléchargé les incluront. Restaurer le texte généré rétablit l’original. Ces modifications restent dans votre navigateur : aucun nouvel appel IA et aucune écriture en base de données.
Le HTML et le CSS sont-ils responsive ?
L’outil reconstruit la capture en HTML et CSS, puis adapte la disposition aux écrans étroits. Comme la capture ne montre qu’une taille, le comportement mobile est déduit. Vérifiez les deux aperçus et ouvrez le fichier aux largeurs souhaitées, surtout pour les tableaux denses et tableaux de bord.
Toutes les images, polices et interactions sont-elles recréées ?
Non. La capture ne contient pas les fichiers d’origine, les polices, le code source ou le serveur. Les photos et illustrations complexes indisponibles deviennent des emplacements réservés signalés ; les graphiques peuvent être approximatifs. La connexion, le paiement, la recherche et les autres fonctions applicatives ne sont pas raccordés. Des interactions HTML natives, comme les sections dépliables, peuvent fonctionner sans script.
Quelles captures donnent les meilleurs résultats ?
Les captures nettes en PNG, JPG ou WebP de pages d’accueil, tarifs, produits ou tableaux de bord conviennent bien. Importez une page ou une section à la fois. Les petits caractères, captures très longues, photos d’écrans et éléments coupés sont plus difficiles à reproduire. La taille maximale est de 15 Mo ; les grandes images sont redimensionnées avant traitement.
Puis-je utiliser le fichier sur mon site ?
Vous pouvez partir du fichier exporté ou le transmettre à un développeur. Avant publication, ajoutez vos propres visuels autorisés et connectez les liens, formulaires et fonctions réelles. Il s’agit d’un document HTML statique, pas d’un projet React, d’un thème WordPress ou d’un site hébergé.
Que se passe-t-il si je quitte la page pendant la génération ?
Vous pouvez retrouver les tâches en arrière-plan dans le panneau des tâches à votre retour. Les résultats sont conservés au maximum une heure pour les visiteurs et 24 heures pour les utilisateurs connectés. Téléchargez le HTML à conserver. Les modifications locales du texte ne font pas partie du résultat stocké.
Un autre résultat en tête ?