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
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
Régler le canevas
Choisissez PNG ou JPG, indiquez la largeur et la hauteur, puis une échelle de 1x à 3x.
-
3
Générer l'aperçu
Le navigateur met en page le code nettoyé dans un cadre isolé de taille fixe.
-
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
Référence de la table ASCII
Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.
Générateur de lettres aléatoires
Générez des lettres A-Z aléatoires. Choisissez le nombre, les majuscules, les minuscules ou le mélange, puis utilisez le résultat pour des jeux ou la classe.
Générateur de palettes de couleurs aléatoires
Générez des palettes aléatoires de 2 à 15 couleurs, choisissez un style vif, pastel, sourd ou sombre, puis copiez les codes HEX ou les variables CSS.
Convertisseur binaire en ASCII
Collez du binaire (octets séparés par des espaces ou un long flux de bits) et obtenez le texte ASCII qu'il représente. Gère les encodages de 7 bits et 8 bits.
Convertisseur Base64 en Hex
Convertissez une chaîne Base64 en ses octets sous-jacents exprimés en hexadécimal. Utile pour inspecter des jetons, des clés, des certificats et des JWT.
Convertisseur BBCode en HTML
Convertissez le BBCode (balisage de forum) en HTML propre. Gère les balises de formatage, les listes, les citations, le code, les images, les liens et les tableaux.