跳到正文

字符画转图片

Text Art to Image

把任意等宽字符画按选定的字体、格子大小、颜色、背景和透明度渲染成 PNG 或 SVG,发到不保留等宽的地方也不会散。

字符画是字符,字符会被重排。KakaoTalk、Instagram 的说明文字、大多数邮件客户端和大多数 CMS 会换成比例字体,或把撑起图形的连续空格压掉,到达的东西不是你做的东西。这个页面以固定间距渲染一次,把一张图片交给你。本站其他每个字符画工具都通过同一个模块导出,所以盲文画存的 PNG 和这个页面存的 PNG 是同一段代码产出的同样字节。

🔒 完全在你的浏览器里运行asciiartimageconvertshare

任何等宽排出来的东西都可以贴进来:横幅、盲文画、字符图、代码块。制表符会展开到下一个制表位。

外观

未乘倍率时 192 × 137像素

╭──────────────╮ │ todododo │ ╰──────┬───────╯ │ ┌──────▼───────┐ │ text art │ └──────────────┘
字符画在它被发出去的地方几乎都活不下来。KakaoTalk、Instagram 的配文、大多数邮件客户端和大多数 CMS,不是重新折行,就是换成比例字体,再不然就把撑着这张画的连续空格压掉。做成图片,这些都扛得住。
SVG 把字符仍然当字符存着,所以能选中,也能无限放大 —— 但它是用看的人手上那套等宽字体画的。每一段都用 textLength 钉在精确的宽度上,字体不一样时被拉伸的是字形而不是错开的对齐,这是缓解不是解决。PNG 就是一张图:更大、固定、到哪儿都一样。要发出去就发 PNG。
两种格式都不嵌字体。SVG 里写的是一串常见等宽字体,一个个往下退;PNG 是用这台设备上有的字体栅格化的。所以手机上做的图和电脑上做的图,字形会略有出入。

怎么用

  1. emoji 或汉字画要调高字符宽度

    格宽按字号的比例设定,0.6 适合拉丁等宽字体。emoji 和全角的汉字、韩文大约两倍宽,所以用它们做的画得把滑块推高,否则列会重叠。

  2. 发帖用 PNG,留存用 SVG

    PNG 是图片,在哪里都一模一样,发进聊天时要的就是这个。SVG 把字符留作字符——可选中、可复制、无限缩放——但用看的人手里的等宽字体渲染。每一段都钉在精确的宽度上,所以换了字体是字形被拉伸,而不是对齐被错开,这是缓解而不是修复。

常见问题

透明 PNG 在 KakaoTalk 里为什么不透明?

因为聊天客户端把它合成到自己的气泡颜色上,深色主题下透明底上的深色文字就消失了。透明是用来把画叠在你控制的东西上面的。发进聊天,选一个和气泡相配的背景——有一个为 KakaoTalk 调好的预设。

文件里含字体吗?

两种格式都不嵌入字体。SVG 列出一串常见等宽字体依次回退;PNG 用这台设备装的字体栅格化,所以即使设置相同,手机上做的图和桌面上做的图在字形上也略有不同。

可以从这些接进来

接下来

这些工具吃得下当前工具的产出,结果可以直接送过去。