DevTulz Online

Codi a imatge

Converteix fragments de codi en imatges boniques i compartibles. Tria entre temes de ressaltat de sintaxi, fons degradats i estils de finestra. Descarrega com a PNG. Gratuït i del costat del client.

code.js

Què és Codi a imatge?

Codi a imatge et permet convertir qualsevol fragment de codi en una imatge polida i compartible — perfecta per a publicacions de blog, xarxes socials, documentació i presentacions. Tria entre temes populars de ressaltat de sintaxi (Atom One Dark, Dracula, GitHub Dark, Monokai, Nord, VS Dark), selecciona un fons degradat o sòlid, escull un estil de marc de finestra (macOS o Windows), activa o desactiva els números de línia i descarrega el resultat com a PNG d'alta resolució. Tot el renderitzat es fa al teu navegador usant la Web Crypto API — sense servidor, sense pujades, sense marques d'aigua.

Com usar Codi a imatge

  1. Enganxa el teu codi a l'àrea d'entrada (la tecla Tab insereix espais).
  2. Selecciona el llenguatge de programació o deixa-ho a Auto-detect.
  3. Tria un tema de ressaltat de sintaxi al menú desplegable Tema.
  4. Fes clic a una mostra de fons per triar un degradat o color sòlid.
  5. Ajusta l'espaiat, l'estil de finestra, la mida de lletra i els números de línia al teu gust.
  6. Introdueix un nom de fitxer (s'usa per al nom del fitxer descarregat).
  7. Fes clic a Descarrega PNG per desar la imatge a 2× de resolució.