Convertisseur HTML en image

Collez un fragment HTML. Les scripts, formulaires, cadres et gestionnaires d'événements sont retirés avant le rendu.

Votre HTML et l'image créée restent dans ce navigateur. Les images, polices ou feuilles de style distantes sont chargées depuis leur adresse d'origine. Utilisez des données intégrées pour un rendu entièrement hors ligne.

Transformez un fragment HTML et CSS en PNG ou JPG de taille fixe sans envoyer le code ni l’image créée à Hyperion. Choisissez un canevas de 64 à 1 920 px par côté et une échelle de 1x à 3x, puis prévisualisez et téléchargez le résultat dans le navigateur.

Comment générer une image depuis du HTML

  1. 1

    Coller le code

    Saisissez un fragment ou document HTML. Le CSS intégré et les règles `<style>` sont pris en charge ; les scripts, formulaires, cadres et gestionnaires d'événements sont retirés.

  2. 2

    Régler le canevas

    Choisissez PNG ou JPG, indiquez la largeur et la hauteur, puis une échelle de 1x à 3x.

  3. 3

    Générer l'aperçu

    Le navigateur met en page le code nettoyé dans un cadre isolé de taille fixe.

  4. 4

    Télécharger localement

    Enregistrez directement le PNG ou JPG. Le fichier créé n'est pas envoyé à Hyperion.

Ce que prend en charge le moteur du navigateur

Le convertisseur utilise le moteur de mise en page du navigateur. Le HTML courant, le CSS intégré, les règles <style>, Flexbox, Grid, les dégradés, les ombres, les SVG intégrés et les polices installées peuvent donc apparaître dans le résultat. Il produit une image matricielle fixe, pas une copie interactive de la page.

Règles du canevas et du fichier

Réglage Plage acceptée Comportement
Largeur 64 à 1 920 px Largeur CSS exacte du cadre de capture
Hauteur 64 à 1 920 px Hauteur CSS exacte ; le contenu qui dépasse est coupé
Échelle 1x à 3x Augmente la résolution sans changer la mise en page
PNG Image de taille fixe Conserve les zones transparentes
JPG Image de taille fixe Utilise une qualité de 92 % et un fond blanc

La sortie est limitée à 16 mégapixels afin de préserver la mémoire du navigateur. Si les dimensions et l’échelle demandées dépassent ce seuil, l’outil choisit le plus grand palier sûr de 0,5x. Le code HTML est limité à 100 000 caractères.

Confidentialité et ressources distantes

Le HTML et l’image de données créée restent dans le navigateur actuel. En mode guidé, les réglages sont conservés dans le stockage de session de cet onglet jusqu’à l’étape suivante. Recommencer efface cet état. L’outil n’envoie ni le code ni l’image à Hyperion.

Une URL externe constitue une exception. Les images, polices et feuilles de style distantes sont demandées à leur serveur d’origine, qui peut voir la requête. Elles peuvent aussi échouer à cause de CORS ou d’un contrôle d’accès. Intégrez images et polices sous forme d’URL de données et gardez le CSS en ligne pour un rendu entièrement hors ligne.

Limites de sécurité et de fidélité

Les scripts, formulaires, cadres imbriqués, objets intégrés et attributs d’événements sont retirés avant la capture. L’aperçu devient non interactif, mais ce traitement ne remplace pas un assainisseur HTML destiné à du contenu publié ailleurs. Les widgets JavaScript ne s’exécutent pas, l’état des vidéos et des canvas n’est pas garanti, une animation devient une image fixe et certaines propriétés CSS peuvent varier selon le moteur.

Questions fréquentes

Oui. Le moteur reprend les règles <style> et liens de feuilles de style compatibles de l’en-tête, puis capture le contenu du corps. Scripts, métadonnées, formulaires, cadres et gestionnaires actifs sont retirés : le résultat ne se comporte donc pas comme une page navigable.

Le serveur source peut bloquer l’usage entre domaines, exiger une authentification ou répondre trop lentement. Utilisez une URL accessible avec CORS, ou intégrez la ressource sous forme d’URL de données.

Le PNG conserve les pixels transparents. Le JPG utilise un fond blanc et une qualité fixe de 92 %, souvent plus légère pour une photo. L’outil n’exporte pas en WebP et ne propose pas de réglage de qualité séparé.

Le convertisseur limite la sortie à 16 mégapixels. Avec un grand canevas, il sélectionne automatiquement le palier sûr de 0,5x le plus élevé pour éviter de saturer la mémoire du navigateur.

Outils similaires