Code Screenshot Generator

Lag syntaksuthevede kode-skjermbilder og eksporter dem som SVG, PNG, JPEG, WebP eller HTML.

Kode
Lim inn kodesnutten du vil gjøre om til et bilde.
Syntaks
Velg utheving, språkregistrering og fargetema.
Gjengivelse
Bakgrunn
Angi lerretet bak kodekortet.
Bakgrunnsmodus
Vindu
Velg rammekontroller og behandling av linjenumre.
Vindusstil
Oppsett
Juster avstand, tekststørrelse, radius og tabulatorbredde.

Code Screenshot Generator

Hva den gjør

Code Screenshot Generator gjør en innlimt kodesnutt om til et polert kodekort som kan eksporteres som SVG, PNG, JPEG, WebP eller frittstående HTML. Den kjører i nettleseren din, bruker syntaksutheving med valgbare temaer og lar deg justere rammen før nedlasting.

Når du bør bruke den

Bruk den til dokumentasjonsbilder, versjonsnotater, blogginnlegg, presentasjoner, sosiale forhåndsvisninger og feilrapporter der en formatert kodesnutt er enklere å skanne enn ren tekst. SVG- og HTML-eksporter holder seg skarpe i dokumentasjon, mens PNG, JPEG og WebP er nyttige for verktøy som forventer rasterbilder.

Slik får du en ren eksport

Velg nærmeste språk eller la språkregistreringen stå på automatisk, og velg deretter et tema med nok kontrast for stedet bildet skal brukes. Behold linjenumre når kodesnutten skal refereres til i en diskusjon, og slå av den ytre bakgrunnen når du trenger en gjennomsiktig ressurs til et annet design.

Personvern og begrensninger

Kodesnutten behandles lokalt på siden og lastes ikke opp av dette verktøyet. Svært store filer kan gjøre utheving og rastereksport tregt, så klipp kodesnutten ned til linjene du vil vise før eksport.