Menu
Iklan

Generator ASCII Art

Ubah gambar dan teks menjadi ASCII art yang bisa dibagikan.

Oleh Nethanel Bar, Co-founder & CEO

Terakhir diperbarui

Iklan

Siap benar-benar belajar coding?

Coddy mengajarimu dengan menulis kode sungguhan di browser: pelajaran interaktif, umpan balik instan, dan bantuan AI saat kamu buntu.

Apa itu generator ASCII art?

Generator ASCII art mengubah teks atau gambar menjadi gambar yang seluruhnya tersusun dari huruf, angka, dan simbol. Developer memakainya untuk banner terminal, header README, splash screen CLI, hiasan log, seni chat bergaya retro, dan sekadar bersenang-senang saat membuat tool command line.

Ada dua jenis ASCII art yang paling umum. *Seni banner teks* menampilkan sebuah kata dalam font blok besar yang terdiri dari beberapa baris, tampilan klasik figlet. *Gambar ke ASCII* memetakan kecerahan piksel dalam gambar ke karakter teks, sehingga menghasilkan versi grayscale dari gambar aslinya hanya dengan karakter keyboard.

Karena ASCII art hanyalah teks, ia bisa dipakai di mana saja teks bisa dipakai: output terminal, file log, badge README GitHub, pesan Slack, dan di dalam komentar kode sumber. Tanpa gambar, tanpa proses render, tanpa tautan rusak: cocok untuk tempat yang tidak bisa menampilkan grafik.

Yang akan kamu pelajari saat membuat ASCII art

  • Font banner hadir dalam banyak gaya, seperti blok, miring, bayangan, dan 3D, masing-masing dengan nuansa yang khas.
  • Gambar ke ASCII bekerja dengan mengambil sampel kecerahan dari area kecil gambar, lalu memilih karakter dengan kepadatan visual yang mirip (@, #, *, ., ).
  • Tampilan monospace itu penting. ASCII art hanya sejajar dengan benar pada font yang setiap karakternya sama lebar: terminal, blok kode README, dan kebanyakan font coding.
  • Seni yang lebar butuh layar yang lebar. Banner 120 kolom yang terlihat bagus di terminalmu akan terpotong ke baris baru secara aneh di dalam kolom Markdown yang sempit.

Cara membuat ASCII art langkah demi langkah

  1. Pilih mode teks atau gambar

    Mode teks menampilkan sebuah kata sebagai seni banner. Mode gambar menampilkan gambar yang kamu unggah sebagai versi ASCII grayscale.

  2. Pilih font (mode teks)

    Jelajahi font bergaya figlet: Standard, Slant, Big, Block, Shadow, 3D. Setiap font menampilkan pratinjau dari input-mu.

  3. Atur resolusi (mode gambar)

    Pilih lebar output dalam jumlah karakter dan kontrasnya. Makin banyak kolom, makin detail dan makin lebar output-nya.

  4. Salin atau unduh

    Salin ASCII art ke clipboard atau unduh sebagai file .txt. Masukkan ke README, script banner, atau pesan chat.

Referensi cepat ASCII art

Tempat ASCII art biasa muncul, dan cara membuatnya tampil dengan benar.

KegunaanYang cocokYang perlu diperhatikan
Banner terminalFont Block / Big / SlantLebar: kebanyakan terminal 80 kolom
Header READMEDi dalam blok kode berpagarMarkdown memadatkan spasi di awal baris di luar blok kode
Splash screen CLICetak saat pertama kali dijalankanKode warna terpisah (escape ANSI)
Hiasan logSlogan pendek, satu barisBuat tetap mudah dipindai, log bergulir cepat
Render gambarFoto hitam putihFoto berwarna kehilangan informasi; ubah dulu ke grayscale
Komentar kode sumberPemisah bagianPakai awalan baris // atau # dengan hati-hati

Contoh ASCII art untuk dicoba

Teks banner dengan font Standard

Output

____ _ _ / ___|___ __| | __| |_ _ | | / _ \ / _ |/ _ | | | | | |__| (_) | (_| | (_| | |_| | \____\___/ \__,_|\__,_|\__, | |___/

Font Standard adalah pilihan yang paling mudah dibaca untuk banner sempit: muat dengan nyaman dalam 80 kolom dan terbaca rapi di font monospace.

Masukkan ke README

Markdown
```  ____ _  / ___| || |   | || |___| | \____|_|```
# CLI v1.0

Bungkus banner dalam blok kode berpagar supaya Markdown mempertahankan spasinya persis. Di luar blok kode, spasi di awal baris akan dipadatkan.

Cetak banner dari script

Python
BANNER = r"""   ____          _     _  / ___|___   __| | __| | | |   / _ \ / _` |/ _` | | |__| (_) | (_| | (_| |  \____\___/ \__,_|\__,_|"""
print(BANNER)print('Coddy CLI v1.0')

String multi-baris mentah membuat backslash tetap apa adanya, sehingga seninya tidak dirusak oleh aturan escape Python. Pakai trik yang sama di bash (dengan tanda kutip tunggal) atau bahasa lain yang punya string literal.

Shrug dan table-flip (salin dan tempel)

Salin

¯\_(ツ)_/¯ (╯°□°)╯︵ ┻━┻ ┬─┬ ノ( ゜-゜ノ)

Emotikon klasik angkat bahu, membalik meja, dan mengembalikan meja. Ini seni teks satu baris (secara teknis Unicode, bukan ASCII murni). Salin langsung ke chat, pesan commit, atau komentar kode.

ASCII art kucing dan anjing

Kucing

/\_/\ ( o.o ) > ^ <

Anjing

/ \__ ( @\___ / O / (_____/ /_____/ U

Seni hewan kecil adalah jenis ASCII art yang paling sering disalin. Keduanya muat dalam satu blok komentar dan tampil dengan benar di font monospace apa pun.

Hati, bintang, dan panah

Salin

<3 ♥ ❤ * ★ ☆ ✦ -> => → ⇒ »

Seni simbol cepat untuk chat, README, dan changelog. Versi ASCII biasa di kiri (<3, *, ->) tampil di mana saja; versi Unicode di kanan butuh dukungan UTF-8.

Kesalahan umum saat membuat ASCII art

  • Menempel ASCII art ke font proporsional (Times, Helvetica) lalu heran kenapa tampilannya miring. Pakai font monospace.
  • Lupa bahwa Markdown memadatkan deretan spasi dan menghapus spasi di awal baris di luar blok kode. Selalu bungkus seni dengan pagar ```.
  • Memilih font yang lebih lebar dari jendela tujuan. Kebanyakan terminal 80 kolom; yang lebih lebar akan pindah baris dan merusak desainnya.
  • Memasukkan seni banner langsung ke string biasa yang berisi backslash. Pakai string literal *mentah* (r""" ... """) supaya escape tidak ditafsirkan.
  • Membuat gambar ke ASCII dengan resolusi terlalu rendah. Di bawah sekitar 40 kolom, bentuk sederhana pun jadi tidak bisa dikenali.

FAQ ASCII Art

Apa itu ASCII art?

ASCII art adalah gambar atau banner yang seluruhnya tersusun dari huruf, angka, dan tanda baca. Karena hanya berupa teks, ia bisa dipakai di konteks apa pun yang menampilkan teks: terminal, README, file log, dan pesan chat.

Bagaimana cara kerja konversi gambar ke ASCII?
Gambar dibagi menjadi kisi sel-sel kecil. Kecerahan rata-rata setiap sel dihitung lalu dipetakan ke karakter dengan kepadatan visual yang mirip: karakter yang lebih padat (@, #, M) untuk sel gelap, dan karakter yang lebih renggang (., ,, ) untuk sel terang.
Apa itu figlet?
FIGlet adalah perintah Unix asli untuk menampilkan teks sebagai banner ASCII art. Dari sinilah sebagian besar font populer berasal (Standard, Slant, Big, 3D, Shadow). Generator ASCII online biasanya menyertakan koleksi font yang sama.
Di mana sebaiknya saya memakai ASCII art?

Banner terminal, splash screen CLI, header README, pemisah bagian, chat bergaya retro, dan tempat mana pun yang butuh hiasan tanpa file gambar. Hindari di teks serius untuk pengguna, karena justru menambah gangguan.

Apakah ASCII art tampil dengan benar di mana saja?

ASCII art butuh font monospace dan ruang horizontal yang cukup. Di dalam pagar kode Markdown atau terminal, tampilannya sempurna. Di font proporsional (gelembung chat, dokumen Word), kesejajarannya akan rusak.

Bagaimana cara menyalin dan menempel ASCII art?
Pilih seninya, salin, lalu tempel di tempat yang kamu butuhkan, tapi tempel di tempat yang memakai font monospace (terminal, blok kode, komentar kode), kalau tidak kolomnya tidak akan sejajar. Di Markdown, bungkus dengan blok kode berpagar (```) supaya spasinya terjaga persis. Banyak contoh di atas punya tombol Salin yang mengambilkan teksnya untukmu.
Apa bedanya ASCII art dengan seni teks Unicode?

ASCII art sejati hanya memakai 128 karakter ASCII (huruf, angka, dan tanda baca dasar), jadi tampil sama persis di semua sistem, bahkan yang berumur puluhan tahun. Seni teks Unicode, seperti emotikon ¯\_(ツ)_/¯, karakter penggambar kotak, dan simbol seperti ♥, terlihat lebih kaya tapi butuh dukungan UTF-8 agar bisa tampil. Untuk kompatibilitas maksimal (terminal lama, file log biasa), tetaplah pada ASCII murni.

Bagaimana cara membuat ASCII art dari gambar?

Ganti generator ke mode gambar lalu unggah sebuah gambar. Setiap area kecil gambar diambil sampel kecerahannya dan dipetakan ke karakter dengan kepadatan yang sesuai, sehingga menghasilkan versi grayscale dalam bentuk teks. Gambar sederhana dengan kontras tinggi (logo, siluet) paling bagus hasilnya; foto berwarna yang ramai kehilangan detail. Tambah lebar output untuk detail yang lebih banyak.

Apakah generator ASCII art ini gratis?

Ya, sepenuhnya gratis tanpa perlu daftar, dan semuanya berjalan secara lokal di browser-mu, jadi gambar yang kamu unggah tidak pernah meninggalkan perangkatmu. Buat seni banner dan gambar sebanyak yang kamu mau, lalu salin atau unduh hasilnya.

Pelajari lebih lanjut

Alat developer lainnya

Ilustrasi bahasa pemrograman di Coddy

Belajar coding dengan Coddy

Mulai