全部在本地浏览器运行 · 图片不会上传
声库介绍页生成器
上传立绘、头像、底图与插图，填上名称、介绍与擅长音域，挑一种配色、版式与入场动效，生成一个可以自己部署的介绍页。
极简黑白配色 · 也可以自己调色 · 4 种首屏版式 · 立绘位置可微调 · 标题正文可换字体 · 6 种入场动效 · 导出单文件 HTML 或打包 ZIP
1
导入已有信息
把 character.txt、character.yaml 或本工具箱「音素 Readme 生成器」导出的 txt 拖进来，能自动填的部分会自动填上。不想导入就直接跳到第 3 步手填。
▤
拖入 / 点击选择 character.txt · character.yaml · 音素 Readme
character.txt 提供名称、作者、网页、版本自动识别 UTF-8 / Shift-JIS 等编码
音素 Readme 里若写了收录音阶，会尝试推算音域
2
上传图片
全部在本地处理，图片不会离开你的电脑。导出时会按下方「画质」自动压缩，透明背景会保留。
立绘
立绘
建议 PNG 透明背景 · 竖构图
头像
头像 / 图标
正方形 · 用于简介区与 favicon
底图
底图
整页背景 · 会被压暗处理
插图
插图（可多选）
追加到相册区 · 可拖多个文件
立绘位置
偏移量按立绘自身的宽 / 高算。数值给大了会被首屏裁掉一部分，属正常；想换到左边或上下排，去第 5 步改「首屏版式」。
3
填写信息
只有「名称」是必填。其余留空的部分会在页面上自动省略，不会留下空壳。
擅长音域
音色 / 曲风标签
档案
链接
页脚
4
配色与入场动效
配色只给「极简黑白」两档，其余自己调；动效决定打开页面时和滚动时怎么出现。
配色
入场动效
5
版式与字体
首屏怎么摆、相册怎么排、标题和正文用什么字体。这里只改结构和字体，不动颜色。
首屏版式
相册排布
标题字体
正文字体
字体只写「字体族名字」，不内嵌字体文件 —— 生成页保持零网络请求，用的是访客本机装了的字体。想用某个 webfont，先在生成页里自己引一下，再把字体名填进自定义。