Grafik / Kode

Generator Screenshot Kode: Ubah Kode Menjadi Gambar Bersih

Buat gambar cuplikan kode yang rapi untuk slide, dokumentasi, atau postingan media sosial: pewarnaan sintaks untuk 17 bahasa, empat tema, bingkai jendela dengan judul, nomor baris, serta latar gradien atau transparan. Simpan sebagai PNG tajam atau SVG; kode tidak pernah meninggalkan browser Anda.

Generator Screenshot Kode: Ubah Kode Menjadi Gambar Bersih: Kode dipecah menjadi keyword, string, komentar, angka, nama fungsi, dan tipe oleh syntax highlighter kecil bawaan, lalu ditata baris demi baris dengan font monospace sebagai SVG yang dibingkai seperti jendela editor. PNG dibuat dari SVG tersebut dengan ukuran satu, dua, atau tiga kali lipat, sehingga tetap tajam di layar beresolusi tinggi. Berjalan 100% lokal di browser Anda tanpa upload file ke server.

Kategori
Tools gambar
Dijalankan
Di browser Anda
Biaya
Gratis · tanpa daftar
Ketersediaan
Siap digunakan
Studio screenshot kodePemrosesan lokal

Berjalan sepenuhnya di browser Anda

Tidak ada yang keluar dari browser Anda. SVG mencantumkan nama font monospace, bukan menyematkannya, sehingga tampil paling baik di komputer yang membuatnya; PNG bersifat tetap.

Gambar kode yang mudah dibaca

Buat snippet tetap singkat, sekitar 10 hingga 25 baris dan lebarnya kurang dari 80 karakter, agar teks tetap terbaca saat gambar diperkecil di feed atau slide.

Aksesibilitas

Gambar kode tidak dapat disalin atau dibaca oleh screen reader. Jika memungkinkan, masukkan kode itu sendiri ke dalam alt text atau letakkan di samping gambar.

Cara menggunakannya

  1. Tempel kode Anda.
  2. Pilih bahasa, tema, gaya jendela, dan latar belakang.
  3. Download gambar dalam format PNG atau SVG.

Privasi & batasan

Kode Anda tetap berada di browser dan tidak pernah di-upload.

Alat terkait

Percantik ScreenshotJSON FormatterPembuat logo

Pertanyaan umum

Bahasa apa saja yang didukung untuk pewarnaan sintaks?

JavaScript, TypeScript, Python, Go, Rust, Java, C, C++, C#, PHP, Ruby, SQL, CSS, HTML, JSON, Bash, dan YAML. Bahasa akan ditebak dari kode, atau Anda dapat memilihnya sendiri.

Mengapa SVG terlihat berbeda di komputer lain?

SVG menyebutkan nama font tanpa menyematkannya, sehingga komputer lain mungkin menggunakan font monospace-nya sendiri. PNG terlihat sama di mana pun.

Bisakah saya membuat latar belakang transparan?

Ya: pilih none, dan PNG akan mempertahankan latar belakang transparan di sekitar jendela.

Alat gratis · berjalan di browser anda · tanpa perlu akun