Transformez du code HTML et CSS en image PNG ou JPG : écrivez ou collez votre code, voyez l’aperçu en direct, choisissez la taille (par exemple 1200 × 630 pour une image de partage) et téléchargez. Trois modèles prêts à l’emploi sont fournis. Vos images sont traitées dans votre navigateur et ne sont jamais envoyées sur un serveur.
Mode d’emploi
- Écrivez votre HTML/CSS ou choisissez un modèle.
- Réglez la largeur, la hauteur et l’échelle.
- Téléchargez l’image.
Fonctionnalités
- Éditeur de code avec aperçu en direct.
- Tailles libres ou prédéfinies.
- Export PNG ou JPG haute résolution.
- Modèles de bannières et cartes.
Astuce : Pour des visuels de réseaux sociaux, créez un modèle HTML puis changez seulement le texte : vos images garderont une identité cohérente.
Idées d’utilisation
- Cartes de citations pour les réseaux sociaux, avec le même modèle pour une identité cohérente.
- Images d’articles (Open Graph) en 1200×630 affichées lors du partage d’un lien.
- Visuels promotionnels avec prix et offre : seul le texte change à chaque promotion.
- Extraits de code ou petits tableaux en image pour des diapositives ou posts.
Conseils techniques
- Fixez largeur et hauteur en pixels selon la plateforme, et choisissez 2× pour un rendu net sur mobile.
- Placez les styles dans une balise <style> du code, et les images en data:URI.
- Si la police choisie n’apparaît pas, utilisez des polices système (Tahoma, Arial) ou intégrez-la en data:URI.
- PNG pour la transparence ou un texte net ; JPG ou WebP pour les grandes images colorées.