表情包制作

工具介绍

做一张群聊里用的表情包，通常得开修图软件、找字体、调描边，最后还要截图。表情包制作把这几步压进一个页面：选一张底图，上下各写一行字，调字号和描边，右下角直接导出 PNG。没有底图也能用内置的几张梗图模板起步。

文字用 Canvas 绘制，中文、英文、数字和 emoji 都按同一套字体渲染；描边宽度可以拉到 0 做无边框字幕，也可以加粗到 8 像素保证白字压在亮背景上仍然看得清。上下两行独立设置字号，做「上面一句铺垫、下面一句转折」的排版不用反复裁图。

导出尺寸提供几个常用档位，画布按容器宽度自适应，窄屏上也不会把图片挤成一条。所有处理都在浏览器本地完成，选的图片不会上传到任何服务器。

功能特点

• 本地底图：从设备选图或直接用内置模板，图片只在当前页面读取，不上传。
• 上下双行：两行文字各自设置内容与字号，适合做反差式字幕。
• 描边可调：描边宽度 0 到 8 像素，白字黑边在复杂背景上依然清晰。
• 字体切换：提供几种常用字体，中文标题和英文短句都能找到合适的字形。
• 导出 PNG：按所选尺寸输出图片文件，文件名带时间戳，不会覆盖上一张。
• 画布自适应：预览宽度跟随容器，窗口变窄时按比例重绘，不会被横向裁掉。

使用方式

1. 选底图：点「选择图片」挑一张本地图，或者先点「示例」载入内置模板。
2. 写两行字：在上方文字、下方文字里填内容，留空的那行不会绘制。
3. 调样式：拖动字号、描边滑块，选字体，实时看预览里的变化。
4. 选尺寸：在导出尺寸下拉里挑目标分辨率，预览会按比例更新。
5. 保存图片：点「导出 PNG」，浏览器下载生成的文件，直接发群里即可。

注意事项

• 图片不上传：处理全在本地，但请自己留意底图的版权，别拿有授权限制的图片做传播。
• 超长文字会溢出：一行塞几十个字时字形会被压窄，建议拆成两行或缩短文案。
• 字体依赖系统：列表里的字体取本机可用字体，不同电脑渲染略有差异，重要图先预览。
• 清空会重置底图：点「清空」后文字、样式和底图一起回到空态，需要保留请先导出。
• 导出是位图：PNG 放大后会糊，需要印刷级大图请选最大档位再做后期。