表情包製作

工具介紹

做一張羣聊裏用的表情包，通常得開修圖軟件、找字體、調描邊，最後還要截圖。表情包製作把這幾步壓進一個頁面：選一張底圖，上下各寫一行字，調字號和描邊，右下角直接導出 PNG。沒有底圖也能用內置的幾張梗圖模板起步。

文字用 Canvas 繪製，中文、英文、數字和 emoji 都按同一套字體渲染；描邊寬度可以拉到 0 做無邊框字幕，也可以加粗到 8 像素保證白字壓在亮背景上仍然看得清。上下兩行獨立設置字號，做「上面一句鋪墊、下面一句轉折」的排版不用反覆裁圖。

導出尺寸提供幾個常用檔位，畫布按容器寬度自適應，窄屏上也不會把圖片擠成一條。所有處理都在瀏覽器本地完成，選的圖片不會上傳到任何服務器。

功能特點

• 本地底圖：從設備選圖或直接用內置模板，圖片只在當前頁面讀取，不上傳。
• 上下雙行：兩行文字各自設置內容與字號，適合做反差式字幕。
• 描邊可調：描邊寬度 0 到 8 像素，白字黑邊在複雜背景上依然清晰。
• 字體切換：提供幾種常用字體，中文標題和英文短句都能找到合適的字形。
• 導出 PNG：按所選尺寸輸出圖片文件，文件名帶時間戳，不會覆蓋上一張。
• 畫布自適應：預覽寬度跟隨容器，窗口變窄時按比例重繪，不會被橫向裁掉。

使用方式

1. 選底圖：點「選擇圖片」挑一張本地圖，或者先點「示例」載入內置模板。
2. 寫兩行字：在上方文字、下方文字裏填內容，留空的那行不會繪製。
3. 調樣式：拖動字號、描邊滑塊，選字體，實時看預覽裏的變化。
4. 選尺寸：在導出尺寸下拉里挑目標分辨率，預覽會按比例更新。
5. 保存圖片：點「導出 PNG」，瀏覽器下載生成的文件，直接發羣裏即可。

注意事項

• 圖片不上傳：處理全在本地，但請自己留意底圖的版權，別拿有授權限制的圖片做傳播。
• 超長文字會溢出：一行塞幾十個字時字形會被壓窄，建議拆成兩行或縮短文案。
• 字體依賴系統：列表裏的字體取本機可用字體，不同電腦渲染略有差異，重要圖先預覽。
• 清空會重置底圖：點「清空」後文字、樣式和底圖一起回到空態，需要保留請先導出。
• 導出是位圖：PNG 放大後會糊，需要印刷級大圖請選最大檔位再做後期。