HTML

Générateur d’images de code HTML

Transformez vos extraits HTML en images que l’on a envie de partager, sans quitter votre Mac.

Les captures HTML servent surtout à montrer une structure : l'indentation y porte donc plus de sens que dans la plupart des langages.

Codeshot détecte HTML à partir du code que vous collez : aucun sélecteur de langage à se tromper. Voici le même extrait dans trois des 30 thèmes fournis, rendus avec les feuilles de style de l’app.

<figure class="snapshot">
  <img src="/img/code.png" alt="A syntax highlighted snippet">
  <figcaption>
    Exported at <strong></strong> from Codeshot
  </figcaption>
</figure>
Atom One · sombre
<figure class="snapshot">
  <img src="/img/code.png" alt="A syntax highlighted snippet">
  <figcaption>
    Exported at <strong></strong> from Codeshot
  </figcaption>
</figure>
Edge · sombre
<figure class="snapshot">
  <img src="/img/code.png" alt="A syntax highlighted snippet">
  <figcaption>
    Exported at <strong></strong> from Codeshot
  </figcaption>
</figure>
GitHub · sombre

Choisir un thème pour HTML

Gardez une imbrication assez peu profonde pour que l'indentation se lise d'un coup d'œil. Au-delà de trois niveaux, l'image n'est probablement pas le bon support.

Trouver la bonne taille

Laissez l’image suivre votre contenu ou fixez un rapport — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 ou 3:4 — puis exportez en 1×, 2× ou 3× pour qu’elle reste nette sur un écran retina. Copiez-la dans le presse-papiers avec C ou enregistrez avec S.

Voyez les 30 thèmes côte à côte ou lisez le déroulé complet.

Conçu pour HTML et 59 autres langages

Tout tourne sur votre Mac. Votre code ne le quitte jamais.

Télécharger pour macOS