Français
Télécharger gratuitement

macOS et Windows. Vos fichiers restent sur votre ordinateur.

Convertissez du HTML en PNG sur Mac ou PC. Composez, puis capturez.

Ouvrez un fichier HTML ou collez du code, déplacez les vrais éléments sur un plan de travail et exportez un PNG net en double résolution. Les formats Open Graph, carré et story sont à un clic. Votre HTML reste sur votre ordinateur.

Télécharger pour Mac Télécharger pour Windows

Mac Intel ou besoin d’aide pour l’installation ? Tous les téléchargements

Hangar fonctionne sur Mac et Windows. Ouvrez cette page sur votre ordinateur pour le télécharger.

  • Gratuit pendant 3 jours
  • Sans compte
  • Puis 45 $ une seule fois, sans abonnement

Le fichier issu du traitement de l’enregistrement

  • Lumen-Autumn-Landing.png, exporté avec l’outil HTML en image de Hangar
    Lumen-Autumn-Landing.png2160×2160 PNG, 3,8 Mo

Comment ça marche

Comment convertir du HTML en PNG sur Mac ou Windows

  1. 1 Point de départ

    • HTML
    • HTM

    Ouvrez un fichier HTML ou collez le code

    Les fichiers HTML et HTM sont acceptés, ou collez le code directement dans le studio.

  2. 2 Réglages

    • Open Graph
    • Square
    • Story

    Choisissez un format et composez

    Open Graph, Square, Story, Custom ou Fit content. Déplacez, redimensionnez, faites pivoter ou estompez n’importe quel élément, avec annulation.

  3. 3 Export

    • PNG

    Exportez le PNG

    Il est enregistré au double de la résolution du plan de travail, sur fond transparent ou uni.

Première fois avec Hangar ? Lancer un outil, pas à pas

Choisissez le format

Trois tailles prêtes, toutes exportées en double résolution.

Le canevas fixe la forme de l’image. Quel que soit votre choix, le PNG sort au double de la taille du plan de travail, pour un texte net sur les écrans haute résolution. Custom et Fit content couvrent tout le reste.

  • Open Graph

    Pour commencer

    1200 × 630, enregistré en 2400 × 1260.

    Idéal pour les aperçus de liens sur les réseaux et les messageries.

  • Square

    1080 × 1080, enregistré en 2160 × 2160.

    Idéal pour les posts Instagram et LinkedIn.

  • Story

    1080 × 1920, enregistré en 2160 × 3840.

    Idéal pour les stories et les formats verticaux.

Tous les réglages, expliqués dans le guide Artboard · Layers · Position and size · Opacity · Background

Pour qui

Qui s’en sert, et pour quoi faire

  • Développeurs

    Des aperçus de liens depuis votre propre gabarit

    Construisez l’image de partage en HTML et CSS, que vous maîtrisez déjà, puis exportez-la au format Open Graph exact.

  • Rédacteurs techniques

    Des images de composants pour la doc

    Transformez une page de composant en PNG net et transparent pour la documentation, sans recadrer de capture.

  • Équipes marketing

    Une landing page recomposée en post

    Réorganisez le vrai titre et les visuels d’une page en post carré, sans toucher au code source.

    Hangar pour les marketeurs et équipes contenu

Une app, un seul paiement

HTML en image : un outil parmi plus de 70.

La même app crée des mockups, des carrousels, des QR codes et des arrière-plans, et s’occupe aussi de vos PDF, images, vidéos et fichiers audio. Un seul paiement couvre tous les outils.

Une routine type

Où cet outil trouve sa place

  1. Étape 1HTML en image
  2. Étape 2Redimensionner des images
  3. Étape 3Compresser des images

Générez l’image en double taille, déclinez-la pour chaque plateforme, puis compressez les copies pour qu’elles s’affichent vite.

L’alternative

Pourquoi pas une simple capture du navigateur ?

Une capture d’écran du navigateur est gratuite et suffit pour un aperçu rapide. Quand l’image doit avoir une taille exacte et un rendu fini, ça devient laborieux.

CritèreUne capture du navigateurHangar
PrixGratuit dans votre navigateurInclus avec Hangar
Taille exacte du canevasRedimensionner la fenêtre jusqu’à ce que ça tombe justeOpen Graph, Square, Story, Custom ou Fit content
Déplacer des éléments avant la captureModifier le code et rechargerGlisser, redimensionner, pivoter et estomper les vrais éléments
Fond transparentImpossible avec une capture classiqueTransparent ou couleur unie
RésolutionDépend de votre écranToujours le double du plan de travail
Pages qui ont besoin de JavaScriptS’exécutent normalementScripts bloqués, la capture est statique

Questions

Avant de télécharger

D’autres réponses dans le centre d’aide.

Est-ce vraiment gratuit ?

Chaque outil est gratuit pendant 3 jours, sans compte ni carte bancaire. Ensuite, Hangar s’achète en une fois à partir de 45 $, avec les mises à jour de la version achetée. Il n’y a pas d’abonnement.

Quelle taille fait le PNG exporté ?

Le double du plan de travail. Un canevas Open Graph de 1200 × 630 donne un PNG de 2400 × 1260.

Puis-je obtenir un PNG à fond transparent ?

Oui. Laissez le canevas transparent : seuls les éléments de la page sont dessinés.

Puis-je coller du HTML au lieu d’ouvrir un fichier ?

Non. Enregistrez le code dans un fichier .html et ajoutez-le à la file d’attente.

Fonctionne-t-il sous Windows ?

Non. HTML to Image fonctionne uniquement sur Mac. Sous Windows, l’outil apparaît comme indisponible.

Puis-je déplacer des éléments avant l’export ?

Oui. Hangar repère les éléments et groupes importants, puis vous permet de les déplacer, de les redimensionner, de les faire pivoter et de changer leur opacité sur le plan de travail.

Exécute-t-il le JavaScript de la page ?

Non. Les scripts sont bloqués pendant la capture. L’export est un PNG statique qui utilise les polices installées sur votre ordinateur ou enregistrées à côté de la page.

Mes fichiers sont-ils envoyés en ligne ?

Non. Vos fichiers sont traités sur votre ordinateur et ne partent nulle part. Hangar envoie des statistiques d’usage anonymes pour améliorer l’app, jamais de noms ni de contenus de fichiers, et vous pouvez les couper dans les réglages de l’app (Settings).

Une licence couvre-t-elle Mac et Windows ?

Oui. Une licence fonctionne sur n’importe quel mélange d’ordinateurs Mac et Windows. Solo couvre 1 ordinateur, Crew 3 et Fleet 10.

HTML en image : essai gratuit de 3 jours.

Ensuite, vous payez une seule fois, à partir de 45 $, pour tous les outils et les mises à jour de votre version. Sans abonnement. Remboursement sous 30 jours.Voir les formules

Télécharger pour Mac Télécharger pour Windows

Mac Intel ou besoin d’aide pour l’installation ? Tous les téléchargements

Hangar fonctionne sur Mac et Windows. Ouvrez cette page sur votre ordinateur pour le télécharger.