HTML

Generatore di immagini di codice HTML

Trasforma gli snippet HTML in immagini che vale la pena condividere, senza uscire dal tuo Mac.

Gli screenshot HTML servono soprattutto a mostrare la struttura, quindi qui l'indentazione porta più significato che nella maggior parte dei linguaggi.

Codeshot riconosce HTML dal codice che incolli, quindi non c’è nessun selettore di linguaggio da sbagliare. Ecco lo stesso snippet in tre dei 30 temi inclusi, resi con i fogli di stile dell’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 · scuro
<figure class="snapshot">
  <img src="/img/code.png" alt="A syntax highlighted snippet">
  <figcaption>
    Exported at <strong></strong> from Codeshot
  </figcaption>
</figure>
Edge · scuro
<figure class="snapshot">
  <img src="/img/code.png" alt="A syntax highlighted snippet">
  <figcaption>
    Exported at <strong></strong> from Codeshot
  </figcaption>
</figure>
GitHub · scuro

Scegliere un tema per HTML

Tieni l'annidamento abbastanza basso perché l'indentazione si colga a colpo d'occhio. Oltre i tre livelli, l'immagine probabilmente non è il mezzo giusto.

Azzeccare la misura

Lascia che l’immagine segua il contenuto o bloccala su un rapporto — 1:1, 4:3, 3:2, 16:9, 9:16, 2:3 o 3:4 — poi esporta a 1×, 2× o 3× così resta nitida su uno schermo retina. Copiala negli appunti con C oppure salvala con S.

Guarda tutti i 30 temi a confronto oppure leggi il flusso completo.

Pensato per HTML e altri 59 linguaggi

Tutto gira sul tuo Mac. Il tuo codice non lo lascia mai.

Scarica per macOS