ASCII Art 文本横幅生成器

输入文本实时渲染为 ASCII Art 大字横幅,内置 Block、Banner、Small 三种字体,可调节字符间距,支持复制纯文本与下载 .txt 文件。适用于 GitHub README 标题、终端启动横幅、CLI 签名等场景,数据仅在浏览器本地处理。

0 字符 · 自动转大写

支持字符:A-Z、0-9、空格、! ? . , - _ : ; ' " ( ) / \ @ # $ % & * + = ~ ^ < > [ ] (未覆盖字符将以 ? 占位)

ASCII Art 横幅

ASCII Art 横幅将显示在这里

点击「示例」快速预览效果

常见问题

什么是 ASCII Art?

ASCII Art(ASCII 艺术)是指仅用 ASCII 字符集中的可打印字符(如 #*|/\、空格等)拼合成图案的视觉艺术形式。在计算机早期,图形显示能力有限,开发者常用 ASCII Art 在终端、文本文件、注释块中绘制标题、横幅、Logo。即使在现代,ASCII Art 仍广泛用于 GitHub README、CLI 启动横幅、源码注释装饰、终端签名等场景,因其纯文本特性可在任何环境下正确显示。

什么是 FIGlet 与 FIGfont?

FIGlet 是最经典的 ASCII Art 字体渲染程序,由 Glenn Chappell 与 Ian Chai 于 1991 年开发。FIGfont(FIGlet Font)是 FIGlet 使用的字体文件格式(.flf),定义了每个字符的多行 ASCII Art 表示与渲染参数(硬空白、高度、基线等)。FIGlet 社区维护了数百种字体。本工具不依赖外部字体文件,而是内置精简的 Block、Banner、Small 三种字体,每字体覆盖 A-Z、0-9 与常用标点,纯原生 TypeScript 实现。

三种字体各有什么特点?如何选择?

Block(5 行高):方块风格,字符宽度统一,视觉最整齐,适合终端、README 标题;②Banner(7 行高):宽幅风格,视觉最醒目,适合大标题、启动横幅、文档醒目位置;③Small(3 行高):紧凑风格,占用行数最少,适合多行输出、注释块、CLI 签名。选择建议:标题用 Banner 或 Block,注释与签名用 Small,多行内容用 Small。

为什么输入会自动转大写?

本工具内置的字体仅包含大写字母(A-Z)的字符数据,小写字母无对应字形。为保证渲染结果不出现 ? 占位符,输入文本会统一转为大写再渲染。这是 FIGlet 字体的常见设计:大写字母的字形更宽、更易识别,而小写字母的字形差异较小、渲染效果不佳。如需区分大小写,可使用支持大小写的完整 FIGlet 字体(如 FIGlet 的 small.flf)。

未覆盖的字符如何处理?

本工具字体覆盖 A-Z、0-9、空格与常用标点(! ? . , - _ : ; ' " ( ) / \ @ # $ % & * + = ~ ^ < > [ ])。对于未覆盖的字符(如中文字符、Emoji、Unicode 符号),统一用 ? 占位符渲染,占位符的尺寸与字体高度一致,保证输出不变形。建议在输入前将文本中的非 ASCII 字符替换为等价表达(如中文「工具」替换为拼音「GONGJU」)。

字符间距有什么作用?

字符间距指相邻字符之间的空格列数,可选 0、1、2。间距 0 时字符紧挨,视觉最紧凑,但部分字符可能粘连(如 HI);间距 1(默认)时字符间有 1 列空格分隔,可读性最佳;间距 2 时字符间距更宽,适合大字体或需要强调分隔的场景。多数情况下间距 1 即可。

如何在 GitHub README 中使用?

在工具中输入标题文本(如项目名 MyProject),选择 Block 或 Banner 字体,点击「复制」按钮,将 ASCII Art 粘贴到 README.md 文件顶部,用 ``` 代码块包裹即可保持等宽对齐。建议在代码块后空一行再写项目描述。GitHub 的 Markdown 渲染器会保留 ASCII Art 的等宽与换行,显示效果与工具预览一致。

如何在终端 / CLI 中使用?

点击「下载」按钮保存为 .txt 文件,或复制后用 echo 命令输出:echo "$(cat banner.txt)"。在 Node.js 脚本中可用 console.log 输出多行字符串:console.log(\`粘贴的 ASCII Art\`)。注意终端需使用等宽字体(如 Consolas、Monaco、Source Code Pro)才能正确对齐,等宽字体下 ASCII Art 显示效果最佳。

数据会上传到服务器吗?

不会。本工具完全在浏览器内运行,所有渲染逻辑由 JavaScript 在你本地执行,输入内容不会发送到任何服务器。