Aller au contenu

Outils gratuits

Convertir du HTML en PNG ou JPG

Collez du HTML et transformez-le en image dans un vrai navigateur : une carte sociale à la taille exacte, ou un reçu aussi haut que son contenu. PNG, JPG ou WebP, sans compte.

Charger un exemple :

Jusqu'à 256 Ko. Les images, polices et feuilles de style doivent utiliser des adresses https absolues ou des URI data.

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

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 portent une petite marque Ironfang Render dans le coin inférieur, comme avec l'offre API gratuite ; les offres payantes n'en ont pas.

Plus d'outils gratuits