ASCII Art Generator
BaruConvert text to ASCII art banners with 7 font styles. One-click copy, Markdown export, works offline.
Runs entirely in your browser. Nothing is uploaded.
Generator teks ASCII art — ubah teks apa pun menjadi banner ASCII secara instan
Generator teks ASCII art gratis ini mengubah teks apa pun menjadi banner dekoratif berukuran besar yang tersusun dari karakter ASCII. Pilih dari 7 gaya font — Big, Block, Banner, Shadow, Mini, Arrows, dan Dots — lalu, jika mau, terapkan lapisan gaya karakter (hash #, bintang *, at @, titik ., plus +, blok padat, blok tipis) untuk variasi visual tambahan. Ketik teks Anda, dan ASCII art langsung dirender di bawahnya. Satu klik pada tombol salin akan menaruh hasilnya di clipboard Anda — dalam bentuk teks biasa atau dibungkus code block Markdown yang siap ditempel ke GitHub dan Discord.
Semuanya berjalan di sisi klien. Seluruh font sudah dibundel di dalam halaman sehingga proses pembuatan berlangsung instan tanpa bolak-balik ke server. Bekerja offline, berjalan lancar di perangkat mobile, dan tidak memerlukan pendaftaran. Ini adalah cara tercepat untuk berpindah dari teks biasa ke banner ASCII tanpa harus melewati iklan atau menunggu unduhan font eksternal. Alat ini juga tidak memiliki batas penggunaan — buat sebanyak apa pun banner yang Anda butuhkan, kapan pun Anda mau.
Apa itu ASCII art dan di mana sebenarnya digunakan?
ASCII art berasal dari era 1970-an ketika terminal dan printer hanya bisa menampilkan karakter teks. Para programmer memakai simbol ASCII yang dapat dicetak untuk menggambar ilustrasi, diagram, dan banner dekoratif. Saat ini penggunaan utamanya meliputi: file README GitHub (nama proyek, pembatas bagian, pengganti logo), komentar kode (pemisah fungsi, header file di basis kode besar), pesan sambutan terminal (MOTD, banner startup shell untuk server), server Discord (header channel, respons bot yang diformat sebagai code block), dan platform sosial (format Reddit, signature di Hacker News).
Sejarahnya bahkan lebih tua dari komputer itu sendiri. Seni mesin tik muncul di awal abad ke-20 — para juru ketik menciptakan potret dan pemandangan dengan menumpuk ketikan karakter secara kreatif. Ketika standar ASCII diformalkan pada 1963 oleh American Standards Association (kelak menjadi ANSI), programmer mendapatkan set 128 karakter universal untuk berkarya. Masa keemasan ASCII art tiba pada era BBS (Bulletin Board System) tahun 1980-an dan 1990-an, ketika seniman memanfaatkan IBM Code Page 437 — set karakter tambahan di PC DOS yang menyediakan karakter garis kotak dan elemen blok — dipadukan dengan kode escape ANSI 16 warna untuk melukis pemandangan hidup pada resolusi 80×25 karakter. Grup seni seperti ACiD Productions (berdiri 1990) dan iCE Colours merilis paket karya bulanan yang tersebar ke BBS di seluruh dunia, dan sebagian masih aktif hingga puluhan tahun kemudian.
ASCII art teks secara khusus merujuk pada huruf tipografi berukuran besar — setiap karakter input Anda dirender sebagai blok karakter ASCII yang lebih kecil. Inilah ranah figlet, alat yang membakukan rendering font ASCII pada 1991. Generator ini mengimplementasikan format font yang sama langsung di JavaScript, tanpa server dan tanpa instalasi.
Panduan font — gaya ASCII mana yang sebaiknya Anda pilih?
Big: Font ASCII multi-baris klasik — memakai garis miring, garis bawah, dan pipe untuk membentuk huruf yang mudah dibaca. Pilihan serbaguna terbaik untuk file README dan header terminal. Block: Karakter blok padat untuk setiap huruf — tebal dan mencolok, cocok untuk penekanan dan judul bagian. Banner: Teks lebar yang dibingkai tanda pagar (#) — dirancang agar langsung terlihat sepanjang satu baris terminal. Shadow: Huruf dirender dengan sedikit pergeseran posisi untuk meniru efek bayangan — menambah kedalaman visual tanpa banyak memakan lebar. Mini: Output ringkas 3 baris untuk ruang sempit — sempurna untuk komentar kode 80 kolom atau pesan Discord. Arrows: Bingkai dekoratif berupa panah arah di sekeliling teks Anda — sederhana namun menarik perhatian. Dots: Bingkai bergaya dot-matrix yang mengelilingi tiap karakter — estetika teknis yang minimalis.
Di dunia figlet yang lebih luas, ada sejumlah font yang dianggap klasik: Standard (bawaan — bersih dan terbaca), Banner, Block, Bubble (garis luar membulat), Digital (gaya tampilan tujuh segmen), Doom (dramatis dan detail — populer sebagai bawaan di banyak CLI), Graffiti, Larry 3D (huruf tiga dimensi tebal), Ogre, Slant (miring diagonal), dan Small (ringkas, muat di 80 kolom). Aturan praktisnya sederhana: pilih font lebar seperti Big atau Block untuk header yang menonjol, dan font sempit seperti Mini atau Small ketika output harus muat di layar kecil atau batas 80 kolom.
Cara memakai ASCII art di GitHub, Discord, dan komentar kode
Untuk README GitHub: bungkus dengan tiga backtick (fenced code block) agar perataan tetap terjaga. Mulai dengan ``` pada baris tersendiri, tempel ASCII art-nya, lalu tutup dengan ```. Tombol 'Salin sebagai Markdown' melakukan ini secara otomatis. Untuk Discord: pendekatannya sama — gunakan code block ```. Hindari font yang sangat lebar di mobile, karena lebar chat di sana hanya sekitar 50 karakter. Untuk komentar kode di Python, JavaScript, atau bahasa apa pun: tambahkan karakter komentar di depan setiap baris blok ASCII. Di Python awali setiap baris dengan #, di JavaScript atau C gunakan // atau bungkus seluruh blok dengan /* ... */. Cara termudah: tempel output mentahnya di editor, blok semua baris, lalu pakai pintasan toggle-comment editor Anda (Ctrl+/ di VS Code). Untuk MOTD terminal (message of the day) di Linux: tambahkan banner ASCII Anda ke /etc/motd atau echo dari .bashrc saat login.
Satu aturan emas berlaku di mana pun: ASCII art hanya rapi di font monospace. Profil Twitter/X, Instagram, dan TikTok memakai font proporsional, sehingga ASCII art multi-baris akan berantakan di sana. Reddit, Hacker News, dan code block Discord mempertahankan monospace sehingga hasilnya tampil persis seperti yang Anda buat. Uji dulu di postingan pribadi sebelum mempublikasikannya.
UtiloKit vs patorjk TAAG, fsymbols, dan generator ASCII lain
patorjk.com Text to ASCII Art Generator (TAAG) adalah standar emas dengan 600+ font figlet dan rekam jejak panjang. Kelemahannya adalah antarmuka yang lambat dan penuh iklan, di mana setiap font dimuat terpisah melalui HTTP — berganti font berarti menunggu request baru. FSymbols.net dan generator teks LingoJam berfokus pada karakter Unicode yang mirip huruf, bukan ASCII art figlet sejati — mereka menghasilkan efek teks satu baris, bukan seni blok multi-baris yang dipakai di README dan terminal.
Messletters.com dan CoolSymbol.com mencampur seni Unicode dengan figlet dan lebih cocok untuk media sosial, tetapi outputnya tidak aman untuk GitHub atau terminal yang hanya menjamin ASCII standar. Generator UtiloKit menggunakan ASCII murni (tanpa pengganti Unicode), membundel font populer langsung di halaman untuk pembuatan instan yang bisa berjalan offline. Tanpa iklan di halaman alat, tanpa request HTTP per font, dan salin dengan satu klik. Untuk pembuatan header dan banner sehari-hari yang cepat dan bebas iklan, UtiloKit terasa jauh lebih gesit. Untuk font langka atau eksotis yang tidak tersedia di sini, koleksi TAAG yang lebih besar tetap menjadi pilihan yang lebih tepat.
FIGlet: format font di balik setiap banner teks ASCII
FIGlet — singkatan dari Frank, Ian, and Glenn's Letters — ditulis oleh Glenn Chappell dan Ian Chai pada 1991 dan dirilis dengan lisensi permisif yang membuat formatnya menyebar ke mana-mana. FIGlet mendefinisikan format file font .flf berbasis teks biasa, di mana setiap karakter ASCII yang dapat dicetak digambar melintasi beberapa baris karakter ASCII, dengan lebar yang dapat dikonfigurasi dan sebuah karakter hardblank khusus (biasanya $) untuk merepresentasikan spasi di dalam sebuah huruf. Renderer FIGlet membaca definisi ini dan menyusun baris-baris yang sesuai secara berdampingan untuk menghasilkan banner akhir. Setiap file .flf hanyalah dokumen teks yang bisa dibuka dan diedit siapa saja secara manual.
Peran FIGlet yang paling terlihat di dunia nyata adalah pada pesan startup terminal. Administrator server menambahkan banner ASCII ke /etc/motd atau /etc/issue sehingga setiap login SSH disambut nama proyek atau peringatan dalam huruf blok besar. Alat CLI framework — termasuk Rails, Laravel, NestJS, dan banyak lainnya — mencetak banner FIGlet saat generator mereka dijalankan, menjadikan alat ini tulang punggung senyap dari pengalaman terminal para developer di seluruh dunia. Generator UtiloKit mengimplementasikan algoritma rendering inti figlet ini di JavaScript, berjalan 100% di browser Anda.
Melampaui ASCII: konversi gambar, Unicode block art, pola Braille, dan sixel
Bagaimana gambar diubah menjadi ASCII art? Algoritmanya pertama-tama mengonversi gambar ke skala abu-abu, mereduksi setiap piksel menjadi satu nilai kecerahan antara 0 (hitam) dan 255 (putih). Nilai itu lalu dipetakan ke sebuah karakter dari density ramp — deretan karakter ASCII yang diurutkan dari yang tampak paling terang hingga paling gelap, misalnya ` . : - = + * # % @`. Piksel hampir putih menjadi spasi atau titik; piksel hampir hitam menjadi karakter padat seperti @. Pertimbangan teknis yang krusial adalah rasio aspek karakter: pada sebagian besar font terminal monospace, sel karakter berukuran kira-kira 8 × 16 piksel — sekitar dua kali lebih tinggi daripada lebarnya. Konverter yang benar mencuplik gambar sumber pada rasio 2:1 agar hasilnya tampak proporsional; yang melewatkan langkah ini menghasilkan output yang tampak tertarik memanjang. ASCII art berwarna memperluas algoritma dengan memetakan warna juga — setiap karakter dibungkus tag <span> HTML atau kode escape ANSI, dengan dukungan true colour 24-bit di terminal modern seperti iTerm2 dan Windows Terminal.
Seni terminal modern juga sudah jauh melampaui 128 karakter ASCII. Rentang Unicode Block Elements (U+2580–U+259F) menambahkan karakter seperti ▀, ▄, █, ░, ▒, dan ▓ yang menggandakan resolusi vertikal efektif sebuah grid karakter, sementara karakter box-drawing (U+2500–U+257F) menyediakan primitif garis lengkap untuk menggambar tabel dan diagram. Alat seperti neofetch dan fastfetch memadukannya dengan kode warna ANSI untuk menampilkan logo distro. Pola Braille (U+2800–U+28FF) merepresentasikan 256 kombinasi grid 2×4 titik, memberi resolusi sekitar 160 × 100 piksel pada terminal standar 80×25 — dimanfaatkan pustaka seperti drawille (Python) dan blessed-contrib (Node.js) untuk merender grafik bahkan video di terminal. Lebih jauh lagi, grafik sixel — ekstensi yang awalnya dikembangkan untuk terminal DEC VT240 pada 1983 — menyematkan data piksel asli di dalam escape sequence terminal, memungkinkan gambar raster hingga 256 warna. Emulator terminal modern seperti iTerm2, WezTerm, mlterm, dan build terbaru Windows Terminal telah menghidupkan kembali dukungan sixel, mengaburkan batas antara antarmuka mode karakter dan grafis yang telah dieksplorasi para seniman ASCII selama lebih dari setengah abad.
Frequently asked questions
Apa itu teks ASCII art?
Teks ASCII art (disebut juga banner ASCII atau teks figlet) menggunakan karakter ASCII yang dapat dicetak — huruf, angka, dan simbol seperti '#', '|', '/', dan '*' — untuk membentuk huruf besar dekoratif dan desain. Setiap karakter dalam pesan Anda dirender sebagai pola karakter yang lebih kecil, menciptakan efek tipografi bergaya blok. Seni ini lahir pada era 1970-an ketika terminal komputer belum bisa menampilkan font grafis, dan tetap populer hingga kini untuk file README, header output terminal, komentar dalam kode, dan postingan media sosial.
Bagaimana cara mengubah teks menjadi ASCII art?
Ketik atau tempel teks Anda di kolom input, pilih gaya font (Big, Block, 3D, Doom, Banner, dan sebagainya), dan ASCII art langsung dirender di bawahnya. Klik 'Salin' untuk menaruh seluruh blok ASCII di clipboard. Agar hasilnya optimal, gunakan font monospace saat menempel — misalnya di README GitHub, komentar kode, atau code block Discord — karena font proporsional merusak perataan. Generator ini mendukung hingga 40 karakter per baris untuk sebagian besar font, dan semua rendering font terjadi secara lokal tanpa panggilan ke server.
Font apa saja yang tersedia di generator ASCII art ini?
Generator ini menyertakan 7 gaya font berbeda: Big (blok ASCII multi-baris klasik), Block (karakter terisi padat menggunakan simbol blok), Banner (bingkai lebar bertanda pagar), Shadow (efek bayangan bergeser), Mini (output ringkas 3 baris), Arrows (bingkai panah dekoratif), dan Dots (border bergaya dot-matrix). Masing-masing punya karakter tersendiri — Big dan Block cocok untuk header dan file README, Banner untuk teks berbingkai yang ringkas, Mini ketika output harus muat di 80 kolom. Anda juga bisa menerapkan lapisan gaya karakter (hash #, bintang *, at @, titik ., plus +, blok padat, blok tipis) pada font mana pun untuk variasi visual ekstra. Semua rendering font tertanam di halaman tanpa request HTTP tambahan dan tanpa jeda saat berganti gaya.
Bisakah saya memakai ASCII art di file README GitHub?
Bisa. ASCII art di file README GitHub tampil dengan benar di penampil Markdown mana pun karena berada di dalam code block (pagar tiga backtick). Code block menjaga spasi dan perataan dengan sempurna. Klik 'Salin sebagai code block Markdown' di alat ini untuk mendapatkan ASCII art Anda yang sudah dibungkus tiga backtick, siap ditempel ke file .md mana pun. Anda juga bisa memakai ASCII art di komentar kode, skrip startup terminal (MOTD), docstring Python, shell script, atau signature email teks biasa. Satu-satunya aturan: selalu bungkus dalam code block monospace.
Apakah ini sama dengan figlet?
Ya. Alat ini mengimplementasikan algoritma rendering font inti figlet dalam JavaScript dan berjalan 100% di browser Anda. Figlet (Frank, Ian and Glen's Letters) adalah alat ASCII art baris perintah Unix orisinal dari 1991. Alternatif online seperti patorjk.com/software/taag (TAAG) dan asciiart.eu juga memakai font figlet. Versi UtiloKit memuat semua font secara instan tanpa request tambahan, memiliki antarmuka yang lebih bersih, berjalan offline, dan memungkinkan Anda menyalin hasil dengan satu klik. Tanpa berpindah-pindah halaman, tanpa iklan yang mengganggu alur kerja.
Bisakah saya membuat ASCII art untuk Discord?
Bisa. Di Discord, bungkus ASCII art Anda dalam code block dengan mengetik tiga backtick sebelum dan sesudah teks. Tombol 'Salin sebagai code block' di alat ini melakukannya secara otomatis. Gunakan font dengan lebar sedang — Mini, Small, atau Digital — agar hasilnya muat di lebar chat Discord tanpa terpotong. Font lebih lebar seperti Block atau 3D lebih pas di klien desktop dibandingkan di mobile, yang lebar barisnya lebih sempit. Discord mendukung karakter ASCII standar, jadi tidak ada masalah kompatibilitas.
Bagaimana perbandingannya dengan Text to ASCII Art Generator (TAAG) dari patorjk.com?
Patorjk.com (TAAG) adalah situs figlet paling banyak dipakai, dengan koleksi 600+ font. Situs itu lengkap tetapi antarmukanya sudah usang, pemuatan fontnya lambat (setiap font adalah request terpisah), dan menampilkan iklan di mana-mana. Generator ASCII art UtiloKit membundel fontnya langsung di halaman sehingga berganti gaya terjadi instan, menambahkan lapisan substitusi karakter (hash, bintang, titik, blok, dan lainnya) untuk variasi visual ekstra, memakai desain mobile-first yang lebih bersih, dan menyediakan salin satu klik dengan opsi pembungkus Markdown. Untuk pembuatan header dan banner sehari-hari yang cepat dan bebas iklan, UtiloKit terasa jauh lebih gesit. Untuk font langka atau eksotis yang tidak tersedia di sini, koleksi TAAG yang lebih besar adalah pilihan lebih baik.
Bisakah generator ASCII art ini dipakai di iPhone atau Android?
Bisa. Generator ini sepenuhnya responsif dan berjalan di Safari iPhone, Chrome Android, dan semua browser mobile modern. Kolom input teks, pemilih font, dan tombol salin semuanya ramah sentuhan dengan area tap yang besar. Rendering font berjalan secara lokal di JavaScript, jadi tidak ada ketergantungan server dan tidak ada data seluler yang terpakai setelah halaman dimuat. Setelah ter-cache, alat ini bahkan berfungsi offline. Output font bisa tampak sedikit lebih lebar di mobile, jadi font Mini atau Small disarankan untuk tangkapan layar atau berbagi dari ponsel.
Bisakah saya memakai ASCII art di bio media sosial?
Bisa, dengan beberapa catatan. Profil Twitter/X, Instagram, dan TikTok memakai font proporsional, bukan monospace — sehingga ASCII art multi-baris akan kehilangan perataan dan tampak berantakan. ASCII art satu baris dengan karakter blok Unicode bekerja lebih baik di platform tersebut. Untuk Reddit, Hacker News, dan code block Discord, monospace terjaga dan ASCII art tampil persis seperti yang dihasilkan. Untuk headline atau baris bio LinkedIn, teks banner satu baris yang sederhana berfungsi baik. Cara teraman adalah menguji hasilnya di postingan pribadi sebelum dipublikasikan.
Apakah generator ASCII art ini bisa dipakai offline?
Bisa. Semua font sudah dibundel di halaman. Setelah dimuat di browser Anda, alat ini menghasilkan ASCII art tanpa koneksi internet sama sekali. Tidak ada panggilan server untuk rendering font, tidak ada API key, dan tidak ada login. Semuanya terjadi dalam hitungan milidetik secara lokal. Ini membuatnya andal dalam situasi koneksi buruk — mode pesawat, lokasi terpencil, atau jaringan korporat yang membatasi request eksternal. Berjalan di Safari iPhone, Chrome Android, Firefox, dan semua browser desktop modern.
Apakah ada batas karakter untuk pembuatan ASCII art?
Alat ini paling optimal untuk teks pendek — nama, kata, atau frasa singkat hingga sekitar 20-30 karakter. Teks yang lebih panjang menghasilkan output yang sangat lebar dan bisa terpotong di layar kecil. Indikator lebar menunjukkan berapa karakter lebar output saat ini. Untuk teks panjang, coba font Mini atau Small yang memakai lebih sedikit karakter per huruf, atau pecah teks Anda menjadi beberapa baris. Sebagian besar font figlet merender satu karakter selebar 6-12 kolom, sehingga kata 10 karakter dalam font Big bisa menghasilkan output lebih dari 100 karakter melebar.
Bagaimana cara menambahkan ASCII art ke komentar kode di Python atau JavaScript?
Buat teks ASCII art Anda di alat ini, lalu tambahkan karakter komentar yang sesuai di depan setiap baris. Di Python, awali setiap baris dengan #. Di JavaScript atau C, pakai // untuk satu baris atau bungkus seluruh blok dengan /* ... */. Cara termudah: salin output ASCII mentah, tempel ke editor Anda, blok semua barisnya, dan gunakan pintasan toggle-comment editor (Ctrl+/ di VS Code). ASCII art berfungsi sebagai header bagian visual atau judul file yang langsung menonjol saat menelusuri basis kode.
Related tools
Lihat semua perkakasCari & Ganti Teks
Ganti teks secara massal dengan teks biasa atau regex, abaikan huruf besar/kecil dan kata utuh.
Penghitung Frekuensi Kata
Hitung frekuensi kata dan frasa dengan penyaringan stop-word dan ekspor CSV.
Pembersih Teks
Hapus spasi berlebih, pemutus baris, HTML, dan tanda kutip pintar dari teks.
Generator Tabel Markdown
Buat tabel Markdown dalam kisi yang dapat diedit atau dari CSV, dengan perataan.
Pembalik Teks
Balik karakter, kata, atau baris, atau jungkirkan teks secara terbalik.
Teks ke Suara
Bacakan teks dengan suara, kecepatan, dan nada yang dapat dipilih — di peramban Anda.