FR

Convertir du HTML en image

Cet outil transforme du HTML en image : collez le code, choisissez une largeur, cliquez sur « Créer l’image » et téléchargez un PNG, JPG ou WebP. L’image est créée dans votre navigateur : votre code n’est ni envoyé, ni enregistré, ni ajouté à l’adresse de la page.

Source : W3C SVG 2 – foreignObject (HTML-Inhalt in SVG einbetten). Mise à jour : .

px
Largeur de l’image en pixels CSS (50 à 4 000)
px
0 = automatique selon le contenu
px
Espace entre le contenu et le bord de l’image
Ma boîte à outilsVos saisies sont enregistrées uniquement dans ce navigateur.

HTML avec styles en ligne ou un bloc <style>. Images uniquement en Base64 (data:image/…), polices uniquement celles du système. Les scripts et adresses externes sont supprimés.

Votre texte reste dans votre navigateur : il n’est ni envoyé, ni enregistré, ni ajouté à l’adresse de la page.

Résultat

Résultat
Image de 600 px de large, résolution 2× → 1 200 px

Comment le calcul est fait

Comment le HTML devient une image

Votre navigateur dessine le code HTML comme un graphique : il est d’abord nettoyé, puis rendu sous forme de SVG avec HTML intégré (foreignObject) et peint sur un canevas enregistré en PNG, JPG ou WebP. Cela fonctionne pour des cartes, citations, tableaux, extraits de factures, blocs d’e-mail ou visuels pour les réseaux sociaux – tout ce que l’on peut créer avec HTML et CSS.

Ce qui est pris en charge

Ce qui ne fonctionne pas

Les scripts ne s’exécutent pas, les images, polices et feuilles de style d’autres adresses ne sont pas chargées, et animations, effets de survol, iframe, canvas et video ne donnent pas d’image. Ces éléments sont retirés lors du nettoyage ; une remarque sous le résultat vous l’indique. Le rendu peut différer légèrement d’une vraie page, car le navigateur ne dessine ici que votre extrait.

Taille, netteté et format

Confidentialité et sécurité

Votre code n’est traité que dans votre navigateur et n’est enregistré nulle part. Scripts, attributs d’événement comme onclick et adresses externes sont retirés avant le dessin. Pour écrire du texte sur une photo existante, utilisez plutôt écrire sur une photo.

Questions fréquentes

Comment convertir du HTML en image ?

Collez le code HTML, choisissez largeur et résolution, puis cliquez sur « Créer l’image ». Téléchargez ensuite l’image en PNG, JPG ou WebP.

Pourquoi mes images ne s’affichent-elles pas ?

Les images d’autres adresses (https://…) ne sont pas chargées, par sécurité. Intégrez-les en adresse Base64 (data:image/…) ou utilisez du SVG en ligne.

Mon code est-il envoyé sur un serveur ?

Non. Le code est lu dans votre navigateur et dessiné en image sur place. Il n’est ni envoyé ni enregistré.

Comment obtenir un fond transparent ?

Choisissez le fond « Transparent » et le format PNG ou WebP. Le JPG n’a pas de transparence et reçoit toujours un fond blanc.

Pourquoi l’image est-elle floue ?

Réglez la résolution sur 2× ou 3× : l’image aura deux ou trois fois plus de pixels pour la même taille d’affichage.

Les Google Fonts fonctionnent-elles ?

Non, les polices web chargées depuis Internet ne sont pas récupérées. Utilisez des polices système comme Arial, Georgia ou Verdana, ou des polices installées sur votre appareil.

Sources et références juridiques

Dernière mise à jour : · Principes éditoriaux

Outils similaires