Pack Camo

Konverter Kode ke Gambar

Ubah kode menjadi gambar cantik: dengan highlighting, dalam jendela, di atas gradien. PNG, JPEG, WebP, atau SVG.

Semuanya berjalan di perangkat Anda — tidak ada yang diunggah.

code.png

Bagikan kode sebagai gambar yang mudah dibaca

Tempel potongan kode dan dapatkan gambar yang rapi: syntax highlighting dengan tema editor, dibingkai jendela macOS atau Windows, di atas latar gradien atau warna polos. Gambar seperti ini enak dibaca di tweet, slide, artikel blog, atau dokumentasi — dan dibuat di browser Anda, jadi kode Anda tidak pernah diunggah.

Cara mengubah kode menjadi gambar

  1. 1Tempel atau ketik kode Anda. Bahasanya terdeteksi otomatis, atau pilih sendiri.
  2. 2Pilih tema, font, ukuran, dan tinggi baris, lalu aktifkan nomor baris jika Anda mau.
  3. 3Pilih jendela — macOS, Windows, atau tanpa jendela — dan beri nama file sebagai judulnya.
  4. 4Pilih latar gradien, warna polos, atau transparan, serta seberapa besar padding di sekeliling jendela.
  5. 5Unduh PNG, JPEG, atau WebP pada skala 1× hingga 4×, atau SVG; atau salin gambar langsung ke clipboard.

Tajam di ukuran berapa pun

Gambar diekspor pada 2× secara default, jadi tetap tajam di layar berkerapatan tinggi dan di slide. Naikkan hingga 4× untuk cetak atau layar yang sangat besar.

SVG menyimpan kode sebagai teks asli: bisa diperbesar tanpa batas dan ukurannya tetap kecil, meski digambar dengan font milik siapa pun yang membukanya.

Bahasa dan tema

Bahasa
JavaScript, TypeScript, Python, Java, C, C++, C#, Go, Rust, PHP, Ruby, Swift, Kotlin, Dart, SQL, Bash, PowerShell, HTML, CSS, SCSS, JSON, YAML, Markdown, Dockerfile, Lua, R, dan teks biasa.
Tema
Dracula, One Dark, GitHub Dark, GitHub Light, Monokai, Nord, Night Owl, dan Solarized Light.

Kode Anda tetap di perangkat Anda

Highlighting dan penggambaran terjadi di browser, jadi kode pribadi atau yang belum dirilis aman untuk ditempel. Tanpa akun dan tanpa watermark.

Untuk merapikan kode lebih dulu, jalankan lewat minifier & beautifier kode; untuk menaruh gambar di perangkat, gunakan pembuat mockup perangkat.

Pertanyaan yang sering diajukan

Apakah ini seperti Carbon?
Ya — alat ini membuat jenis gambar yang sama: kode dengan highlighting dalam jendela di atas latar. Semuanya berjalan di browser Anda, tanpa mengunggah kode.
Bisakah latarnya dibuat transparan?
Bisa. Pilih Tidak ada di bagian Latar dan ekspor sebagai PNG, WebP, atau SVG. JPEG tidak mendukung transparansi, jadi latarnya diisi warna putih.
Mengapa SVG terlihat sedikit berbeda di komputer lain?
Teks SVG digambar dengan font yang terpasang di tempat file dibuka. Jika font yang dipilih tidak ada, font monospace yang mirip akan menggantikannya. PNG, JPEG, dan WebP terlihat sama di mana pun.
Apakah ada batas jumlah kode yang bisa saya gunakan?
Tidak ada batas pasti, tetapi kode yang sangat panjang atau sangat lebar menghasilkan gambar yang sangat besar, yang tidak bisa dibuat oleh sebagian browser pada skala tinggi. Turunkan skala atau pangkas potongan kode jika ekspor gagal.
Apakah kode saya diunggah?
Tidak. Kode diberi highlighting dan digambar di browser Anda dan tidak pernah meninggalkan perangkat Anda.