Sări la conținut

Cod în imagine SVG

Transformă un fragment de cod într-o imagine cu evidențiere de sintaxă, cadru de fereastră și fundal gradient.

Intrare
14
48
Ieșire

Cod în imagine SVG

Lipește un fragment de cod, alege limbajul de programare și acest instrument îl va reda ca o imagine cu evidențiere de sintaxă într-o fereastră rotunjită — exact tipul de captură de ecran de cod pe care vrei s-o distribuiești pe un blog, pe rețelele sociale, într-o prezentare sau în documentația internă. Cuvintele-cheie, șirurile, comentariile și numerele sunt colorate automat, iar fereastra primește o bară de titlu opțională în stilul macOS cu puncte colorate, astfel încât rezultatul arată ca un editor real, nu ca o simplă ieșire de text.

Instrumentul suportă nouă limbaje — JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash, SQL și text simplu — fiecare cu propriile reguli de evidențiere pentru cuvinte-cheie, șiruri și comentarii. Alege dintre șase teme cu gradient (apus, ocean, miezul nopții, pădure, strugure sau monocrom) și instrumentul va înfășura fereastra într-o carte cu gradient potrivit. Ajustează distanța în jurul ferestrei, activează umbra proiectată, setează titlul ferestrei și comută independent numerele de rând sau bara de titlu. Dimensiunea fontului scalează întreaga imagine, deci atât o linie scurtă, cât și o funcție cu cincizeci de linii rămân ușor de citit.

Rezultatul este un document SVG autonom și independent de rezoluție — clar la orice dimensiune, ușor de încorporat direct într-o pagină sau instrument de design, și suficient de mic pentru a copia ca text. Numărul de linii, numărul de caractere și dimensiunea finală a imaginii în pixeli se actualizează în timp real sub rezultat pe măsură ce tastezi sau modifici opțiunile, pentru ca să vezi exact ce urmează să copiezi sau să descarci.

Totul se întâmplă în browserul tău cu ajutorul unui mic evidențiator încorporat — nu se încarcă niciun cod și niciun serviciu extern de evidențiere nu vede ce lipești. Aceasta o face sigură pentru utilizare pe funcționalități nepublicate, instrumente interne sau orice altceva pe care ai prefera să nu-l trimiți pe un server extern doar ca să faci o captură frumoasă.

FAQ

Ce limbaje de programare primesc evidențiere de sintaxă?
JavaScript, TypeScript, Python, JSON, HTML, CSS, Bash și SQL primesc toate evidențierea cuvintelor-cheie, șirurilor, comentariilor și numerelor. Alege "Text simplu" pentru orice altceva — se randează fără codificare de culori.
Pot schimba fundalul și aspectul ferestrei?
Da. Alege una dintre șase teme cu gradient, ajustează distanța în jurul ferestrei, activează umbra proiectată și comută independent bara de titlu cu puncte colorate și numerele de rând.
Ce format are imaginea și pot obține PNG?
Rezultatul este un SVG vectorial — clar la orice dimensiune și ușor de încorporat direct într-o pagină. Pentru PNG, deschide fișierul .svg descărcat în browserul tău sau într-un editor de imagini și exportă-l ca PNG; acest instrument nu îl rasterizează automat.
Există o limită de cât cod pot lipi?
Fără limită fixă de linii, dar imaginea generată este limitată la 10 MB. Fragmente extrem de lungi care ar depăși această limită generează un mesaj care te cere să scurtezi intrarea.
Codul meu este încărcat undeva?
Nu. Evidențierea și randarea imaginii se întâmplă complet în browserul tău folosind un mic tokenizator încorporat — codul tău nu părăsește niciodată dispozitivul tău.