Cách dùng Tạo ASCII Art
- Nhập một từ hoặc tên ngắn — ASCII art hiển thị đẹp nhất với 1–12 ký tự.
- Cuộn qua 20 font, hoặc chọn một font trong mục Hiển thị.
- Chọn Sao chép dạng: văn bản thuần, chú thích cho JS/CSS, shell/Python, HTML, khối code Markdown hoặc
console.log()sẵn sàng dán. - Nhấn Sao chép ở font bạn thích, hoặc tải về dưới dạng file .txt.
Lập trình viên dùng ASCII art ở đâu
- Tiêu đề code — một banner dạng chú thích ở đầu stylesheet hoặc khối custom code của trang Webflow giúp các phần dễ tìm hơn.
- File README — logo trong khối code Markdown hiển thị đúng trên GitHub, npm và terminal. Kết hợp với Trình tạo README.
- Thông điệp ẩn trong console — lời chào bằng
console.logtrong công cụ dev của trình duyệt, thường được dùng trong thông điệp tuyển dụng. - Công cụ CLI — màn hình chào và đầu ra của trang trợ giúp.
FIGlet là gì?
FIGlet (1991) là chương trình kinh điển tạo chữ lớn từ các ký tự thông thường. Các font của nó (file .flf) mô tả từng chữ cái và cách các chữ cạnh nhau “smush” lại với nhau. Công cụ này dùng figlet.js với 20 font phổ biến, chạy hoàn toàn trong trình duyệt của bạn.
Mẹo hay
- Ứng dụng chat (WhatsApp, Slack, Discord, Teams) hiển thị văn bản tỷ lệ và tự xóa khoảng trắng đầu dòng. Hãy sao chép với tùy chọn “WhatsApp / Slack / Discord” — nó sẽ bọc art trong
```để hiển thị bằng font monospace — và giữ art đủ hẹp cho điện thoại. - Luôn hiển thị ASCII art bằng font monospace — trong HTML hãy bọc trong
<pre>, trong Markdown thì đặt trong khối code. - Các font rộng như Banner3 hoặc Larry 3D nhanh chóng bị dài ra; với từ dài hơn, hãy chọn “Vừa khít” hoặc font gọn như Small hay Mini.
- Font vẽ khung (ANSI Shadow, Calvin S) dùng ký tự Unicode — rất hợp với terminal và README, nhưng không hoàn toàn là ASCII 7-bit thuần.
- Trình đọc màn hình đọc ASCII art theo từng ký tự. Trên trang web, hãy thêm
aria-hidden="true"và cung cấp văn bản thật riêng.
Nếu bạn cần biểu tượng và ký hiệu thay vì chữ cái, hãy thử Ký hiệu văn bản và Chọn Emoji.
Cũng được tìm dưới tên: chữ thành ascii art, ascii text, figlet, banner ascii, font ascii art, logo ascii, console.log ascii art, ascii art readme.
Các công cụ dùng kèm tốt với Tạo ASCII Art
- Ảnh sang ASCII Art — Chuyển ảnh, logo hoặc ảnh chụp màn hình thành ASCII art gồm các ký tự.
- Đổi kiểu chữ — Dán văn bản vào và đổi giữa 11 kiểu viết khác nhau, từ Title Case cho tiêu đề đến camelCase và snake_case cho code.
- Kiểm tra ký tự Unicode — Dán bất kỳ nội dung nào để xem nó thực sự được tạo từ những gì: tên, code point, byte UTF-8 và mã HTML của từng ký tự.
Câu hỏi thường gặp
Làm sao để đưa ASCII art vào README trên GitHub?
Chọn “Khối code Markdown” trong mục Sao chép dạng, sau đó sao chép và dán vào README.md. Ba dấu backtick sẽ giữ nguyên khoảng trắng và font monospace.
Làm sao để hiển thị ASCII art trong console trình duyệt?
Chọn “console.log()”, sao chép và thêm vào JavaScript của trang web. Khách truy cập mở công cụ dành cho nhà phát triển sẽ thấy banner.
Vì sao ASCII art của tôi bị vỡ hình?
Có thể do nó đang hiển thị bằng font tỷ lệ, ứng dụng đã xóa khoảng trắng đầu dòng, hoặc các dòng bị xuống hàng. Hãy bọc trong khối code (ba dấu backtick), giữ art hẹp và chọn font gọn hơn.
Làm sao để gửi ASCII art qua WhatsApp, Slack hoặc Discord?
Chọn “WhatsApp / Slack / Discord / Teams” trong mục Sao chép dạng. Công cụ sẽ bọc art trong ba dấu backtick để ứng dụng hiển thị bằng font monospace và giữ nguyên khoảng trắng. Trên điện thoại, hãy chọn font có ghi “vừa màn hình điện thoại” (khoảng 30 cột trở xuống) để các dòng không bị xuống hàng.
Tôi có thể dùng các font này cho mục đích thương mại không?
Font FIGlet được phép sử dụng và phân phối miễn phí; văn bản được tạo ra thuộc về bạn. Một số tác giả font yêu cầu giữ ghi công trong chính file font, điều này không ảnh hưởng đến kết quả bạn tạo ra.
Tôi có thể cài Tạo ASCII Art như một ứng dụng web và dùng khi không có mạng không?
Có. Tạo ASCII Art là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.