Tangkapan Layar Kode

Ubah kode menjadi gambar yang indah dengan sorotan sintaksis
  • File tidak meninggalkan perangkat Anda
  • Berjalan di browser
  • Gratis, tanpa daftar, tanpa watermark

Preview

Click a line in the preview to highlight it.

Loading highlighter…

Cara memakai Tangkapan Layar Kode

Ubah kode menjadi gambar dengan sorotan sintaksis, lengkap bingkai jendela, tema, dan latar, lalu unduh PNG atau SVG atau salin ke papan klip. Alat ini mencakup 27 bahasa plus teks polos, mendeteksi bahasa secara otomatis, dan menyorot semuanya di browser Anda.

  1. 1

    Tempel kode Anda ke kotak Kode, atau klik Contoh untuk mencoba sebuah contoh.

  2. 2

    Biarkan Bahasa pada Deteksi otomatis atau pilih satu, dan ketik Judul seperti nama file.

  3. 3

    Tandai baris kunci di Sorot baris (misalnya 3, 5-7) atau dengan mengkliknya di pratinjau, dan nyalakan Redupkan baris lain jika Anda ingin lebih menonjol.

  4. 4

    Di Tampilan dan Latar, pilih Tema, gaya Jendela (macOS, Windows, atau Tidak ada), Ukuran font, gradien atau warna solid, dan Padding.

  5. 5

    Di Ekspor, atur Lebar dan Resolusi, lalu klik Unduh PNG, SVG, atau Salin gambar.

Pertanyaan umum

Apakah kode saya dikirim ke mana pun?

Tidak. Penyoroan dan penggambaran terjadi di browser Anda. Alat ini mengingat kode dan pengaturan terakhir Anda di penyimpanan lokal browser ini, jadi tekan Bersihkan saat Anda di komputer bersama.

Bahasa dan tema apa yang tersedia?

JavaScript, TypeScript, Python, Java, Go, Rust, C, C++, C#, PHP, Ruby, Swift, Kotlin, Dart, Scala, Lua, SQL, Shell, PowerShell, JSON, YAML, HTML / XML, CSS, SCSS, Markdown, Dockerfile, dan Diff, plus Teks polos. Tema adalah One Dark, GitHub Dark, GitHub Light, Dracula, Nord, Monokai, Solarized Dark, dan Solarized Light.

Apa bedanya PNG dan SVG?

PNG adalah gambar pada resolusi 1×, 2×, atau 3×. SVG mempertahankan kode sebagai teks sungguhan yang bisa dipilih dan tetap tajam pada ukuran apa pun, tetapi memakai font yang terpasang di perangkat yang membukanya.

Bagaimana cara menghentikan baris panjang membuat gambar sangat lebar?

Atur Lebar ke Tetap dan masukkan Lebar gambar antara 320 dan 4000 px. Baris panjang lalu membungkus agar muat.

Bisakah latarnya transparan?

Ya. Pilih Transparan di Latar lalu unduh PNG atau SVG.

Apa bedanya dengan Mockup Perangkat & Pemercantik Tangkapan Layar?

Alat ini menggambar kode yang Anda tempel sebagai teks. Untuk meletakkan tangkapan layar aplikasi atau situs web yang sudah ada ke dalam bingkai, gunakan Mockup Perangkat & Pemercantik Tangkapan Layar.