CodeKitHub
Bahasa Indonesia
Alat Gambar

Image to ASCII Art Converter

Unggah sebuah foto dan dapatkan kembali sebagai grid karakter ASCII yang diberi bayangan sesuai kecerahan gambar aslinya — tampilan "text art" yang klasik. Semuanya terjadi di kanvas dalam browser Anda: gambar dibaca secara lokal dan tidak pernah diunggah ke mana pun.

Apa Itu Alat Ini?

Tool ini men-sampling gambar Anda pada sebuah grid, mengukur kecerahan setiap sel, lalu menggantinya dengan karakter dari deretan yang dimulai dari "terlihat kosong" (spasi, titik) hingga "terlihat padat" (@, #, blok solid). Secara default, area yang lebih terang dipetakan ke karakter yang lebih padat dan area gelap ke karakter yang lebih jarang — karena outputnya berupa teks terang di kotak gelap, itulah yang membuat bagian terang foto Anda benar-benar terlihat terang dan bagian gelap menyatu dengan latar belakang.

Ini berbeda dari ASCII Art Generator berbasis teks di situs ini, yang mengubah kata-kata yang diketik menjadi huruf blok besar (banner gaya FIGlet). Tool ini bekerja ke arah sebaliknya — mengambil foto atau file gambar sungguhan sebagai input, bukan teks yang diketik.

Mengapa Menggunakannya?

  • Ubah foto apa pun menjadi ASCII art plain-text yang bisa dibagikan hanya dengan satu klik.
  • Lebar output dan tiga pilihan set karakter yang bisa diatur (gradasi grayscale detail, deretan sederhana 7 karakter, atau bayangan blok Unicode) untuk tampilan yang berbeda-beda.
  • Opsi invert untuk ditempel di konteks berlatar belakang terang.
  • 100% privat — pemrosesan kanvas terjadi secara lokal, foto Anda tidak pernah diunggah.
  • Gratis, tanpa pendaftaran, tanpa watermark.

Cara Menggunakan

  1. Klik area unggah atau seret gambar JPG, PNG, atau WebP ke dalamnya.
  2. Atur lebar output (dalam karakter) — angka yang lebih besar memberi lebih banyak detail tapi hasil yang lebih lebar.
  3. Pilih set karakter: Detailed untuk gradasi halus, Simple atau Blocks untuk tampilan yang lebih tegas.
  4. Aktifkan Invert jika Anda akan menempel hasilnya di tempat berlatar belakang terang.
  5. Klik Copy untuk mengambil hasil plain-text-nya.

Contoh

Input

Foto lingkaran putih terang di atas latar belakang hitam, lebar 100 karakter

Output

Sebagian besar karakter kosong/spasi di sekitar tepi, dengan kumpulan padat karakter @ dan # membentuk siluet lingkaran di tengah

Karakter yang tepat bergantung pada nilai kecerahan asli gambar — ini deskripsi pola, bukan output literal, karena setiap foto sumber menghasilkan hasil yang berbeda.

Tips praktis

  • Foto dengan kontras tinggi (subjek yang jelas dengan latar belakang polos) jauh lebih mudah dikenali dibanding foto yang ramai dan berkontras rendah.
  • Lebar 100-150 karakter adalah titik ideal untuk kebanyakan penggunaan — cukup lebar untuk detail sungguhan, cukup sempit untuk tetap muat di layar normal.
  • Jika hasilnya terlihat terbalik dari yang Anda harapkan (subjek terlihat seperti siluet terang alih-alih gelap), aktifkan centang Invert alih-alih mencoba gambar lain.
  • Set karakter "Blocks" sering terbaca lebih baik dibanding "Detailed" pada lebar output yang sangat kecil, karena beberapa tingkat bayangan tetap lebih terlihat dibanding puluhan karakter tipis.

Bedanya dengan text-to-ASCII-art

Jika Anda ingin membuat banner dari teks yang diketik (nama proyek, sebuah kata) alih-alih mengonversi foto, ASCII Art Generator di situs ini melakukan hal itu — menggunakan font FIGlet untuk menggambar huruf blok, dan sama sekali tidak memproses gambar.

Kedua tool ini sering digunakan bersamaan: banner FIGlet sebagai judul, diikuti gambar yang dikonversi dengan tool ini sebagai visual di bawahnya, keduanya sebagai plain text yang tetap utuh saat ditempel ke komentar kode atau README plain-text.

ASCII Art Generator · Image Compressor

Pertanyaan yang Sering Diajukan

Mengapa ASCII art saya terlihat gepeng atau meregang?

Sel karakter monospace kira-kira dua kali lebih tinggi dari lebarnya, sehingga konversi piksel demi piksel akan membuat gambar gepeng secara vertikal. Tool ini sudah mengoreksi hal itu dengan men-sampling baris yang lebih sedikit dari yang disarankan grid piksel 1:1 — jika masih terlihat aneh di tempat Anda menempelkannya, mungkin tujuan tersebut menggunakan font non-monospace.

Apakah pilihan set karakter benar-benar berpengaruh?

Ya. "Detailed" menggunakan puluhan karakter untuk gradasi halus dan terbaca paling baik dari jarak jauh atau saat diperbesar. "Simple" (7 karakter) dan "Blocks" (blok bayangan Unicode) memberi tampilan yang lebih tegas dan grafis dengan pita transisi kecerahan yang terlihat jelas — lebih cocok untuk efek bergaya dibanding fotorealistis.

Kapan sebaiknya saya menggunakan Invert?

Secara default, area terang di foto Anda menjadi karakter padat dan area gelap menjadi karakter jarang — yang terlihat benar di kotak output gelap tool ini (teks terang di latar gelap). Jika Anda menempel hasilnya ke dokumen putih atau aplikasi bertema terang, aktifkan Invert agar area gambar gelap dipetakan ke karakter padat sebagai gantinya (tinta gelap di halaman terang), menjaga art tetap terbaca.

Berapa lebar output yang ideal?

100 karakter adalah default yang baik untuk dilihat di browser atau terminal tanpa scroll horizontal. Menaikkannya jauh lebih tinggi (200+) menangkap lebih banyak detail tapi hasilnya menjadi lebih lebar dari kebanyakan layar, dan lebar yang sangat rendah (di bawah 40) menghilangkan sebagian besar detail yang bisa dikenali.

Apakah foto saya diunggah ke suatu tempat?

Tidak. Gambar di-decode dan di-sampling menggunakan Canvas API langsung di browser Anda. Tidak ada yang dikirim ke server kapan pun.

Alat Terkait