Convertir du HTML en PNG ou JPG

Cet outil transforme en image le HTML que vous collez. Pour capturer un site déjà en ligne, utilisez l'outil de capture d'écran de page entière. Pour faire l'un ou l'autre depuis votre code, l'API HTML en image accepte la même entrée.

Taille : fixe ou ajustée au contenu

La largeur est celle de la fenêtre du navigateur dans laquelle le HTML est mis en page. Avec une hauteur fixe, l'image mesure exactement la largeur sur la hauteur, ce dont ont besoin une carte sociale ou une bannière ; tout ce qui dépasse la hauteur est coupé. Ajuster au contenu met la page en forme et rend l'image aussi haute que le document, jusqu'à 8 000 pixels, ce qui convient aux reçus, billets et e-mails. Dans ce mode, la fenêtre ne mesure que 100 pixels de haut pendant la mise en page, donc une mise en page dimensionnée en unités vh sort trop courte : donnez-lui plutôt une hauteur fixe. Avec une densité de 2x, l'image a deux fois plus de pixels en largeur et en hauteur, pour les écrans qui l'afficheraient sinon floue.

PNG, JPG ou WebP

• PNG est sans perte : le texte et les aplats de couleur restent nets, et l'image peut être transparente. Ce sont les fichiers les plus lourds.
• JPG est avec perte et bien plus léger pour les photos et les dégradés, mais il adoucit légèrement les petits textes et ne gère pas la transparence.
• WebP est plus léger que les deux à qualité comparable et gère la transparence. La plupart des services qui acceptent des images le prennent en charge, mais pas tous.

Un arrière-plan transparent supprime le blanc par défaut du navigateur, de sorte que seul ce que le HTML dessine est conservé. Les couleurs d'arrière-plan propres à la page restent visibles : laissez body sans arrière-plan pour obtenir une image transparente.

Polices et images

Les familles de polices Noto sont installées sur le moteur de rendu. Toute autre police doit être chargée avec @font-face depuis une adresse https absolue, sinon le texte se rabat sur une police installée et peut passer à la ligne autrement que dans votre navigateur. Les images doivent utiliser des adresses https absolues ou des URI data. Le résultat peut différer légèrement de l'affichage de votre navigateur, car les polices et leur rendu varient d'un système à l'autre.

Vous créez des cartes sociales ? La page de l'API d'images Open Graph présente les modèles et la mise en cache pour les images générées pour chaque page.

Limites et confidentialité

Le HTML est envoyé à Ironfang et transformé en image sur nos serveurs au Royaume-Uni. Il n'est ni conservé, ni journalisé, ni mis en cache : l'image est renvoyée dans la réponse et rien n'est gardé. Les scripts du HTML s'exécutent, sans accès à ce site. Les documents peuvent peser jusqu'à 256 Ko, les largeurs vont de 200 à 2 560 pixels et un rendu s'arrête après 30 secondes. Chaque adresse dispose de 20 rendus par heure, partagés avec les outils gratuits de capture d'écran et HTML en PDF. Les images réalisées ici portent une petite marque Ironfang Render dans le coin inférieur ; les images obtenues par l'API avec votre propre compte n'en portent pas.