Web QR 使用指南
本文详细介绍 6 大工具模块具备的能力、使用方式与可调参数。所有操作均在浏览器本地完成,不上传任何照片或隐私内容。
✅ 具备的能力
- 1 寸 / 2 寸 / 小 1 寸 / 小 2 寸 / 大 1 寸 等 10 种常用证件照尺寸预设
- 自定义尺寸:支持像素 px 与毫米 mm 双单位 + DPI 300 打印标准,任意尺寸都可打
- 先裁剪后抠图的 7 步工作流:上传 → 尺寸 → 裁剪+旋转精调 → 抠图与美颜 → 压边 → 导出
- 一键抠图(本地 WASM + Web Worker,隐私不上传)
- 抠图质量增强 4 件套:去白边 Decontaminate Colors / 防镂空闭运算 / 主体 bbox 强制恢复 / 高斯羽化
- 美颜 4 件套:保边磨皮(糊脸不糊眼)/ YCbCr 肤色美白(不洗白衣服)/ Vibrance 智能饱和度 / 轮廓羽化
- 撤回上一步:6 参数快照栈,任意滑杆/一键修复/旋转/缩放都可撤回
- 旋转 4 件套:±90° 快捷 + 精确角度输入 + 180° 滑杆精调 + 4 个常用角度 pill,任意小角度都可
- 居中构图按钮:图片拖偏后一键回正
- 压边 + 圆角快捷 pill:白边 0/2/5/10/20px,圆角 0/4/10/20/40px
- 导出 4 格式:PNG 无损 / JPEG 小体积 / WebP 高清 / PDF 打印页
- 预估体积动态显示:按所选格式与质量计算,自动 B/KB/MB 三档
- JPEG / WebP 质量滑杆:60% ~ 100% 自由控制,真实 toBlob 压缩生效
📘 使用方式(步骤)
- 11. 上传照片点击『上传』按钮选一张人物清晰的半身或证件照,建议背景尽量纯色让抠图更准。
- 22. 选证件照尺寸从『常用尺寸预设』选 1/2/ 小 2 寸等。需要非标准尺寸时用『自定义尺寸』,单位 mm/px 可切,DPI 默认 300。
- 33. 裁剪与旋转(先做!)放大滑杆 0.8–2.8x;旋转:拖滑杆任意 ±180° / 点 4 个角度 pill / 输入精确 0.1° / ±90° 快捷按钮。拖偏点『居中构图』回正。先确定构图可加速后续抠图美颜。
- 44. 抠图与美颜(复合卡)点 『一键抠图』,成功后自动设置 4 个智能默认值(去白边70%/ 防镂空8px/ 羽化2px/ 鲜明20%)。效果还不够好可点 『一键美颜修复』直接拉满 6 参数高配版。磨皮/美白滑杆按需调,调错点 『撤回上一步』。
- 55. 压边 + 圆角(最后做)白边宽度常用 5–10px,护照证件照要求白边建议 10–20px。圆角名片类证件照可选 4–10px。点击 pill 快速设置。
- 66. 预览 + 导出预览右侧 Sticky 面板:格式选 PNG / JPEG / WebP;JPEG/WebP 可调质量;预估体积实时更新;点 『导出 XXXX』保存为图片,点 『导出 PDF』 生成打印页。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 缩放 zoom | 0.8 ~ 2.8x | 图片在证件照画布中的放大倍率 |
| 旋转 rotation | -180° ~ +180° | 支持任意角度,0.1° 精度输入框 + 1° 精度滑杆 |
| 去白边 haloStrength | 0–100% | Undo Composite 反推头发边缘真色,消除合成到彩色底色后的白边光晕 |
| 防镂空 holeFillStrength | 0–50px | 形态学闭运算 + bbox 内部强制不透明,修复白衣服误抠成透明的洞 |
| 磨皮 smoothing | 0–100% | 保边近似 Surface Blur,脸颊平滑但眉毛/眼睛/发丝只轻磨 25% |
| 美白 whitening | 0–100% | YCbCr 肤色区 120 档增益,白衣服只给 10% 增益避免过曝;暖调 R×1.0/G×0.98/B×1.03 |
| 色彩鲜明 vibrance | 0–100% | HSV 智能饱和度,S<0.3 全增益;S≥0.6 只 20% 防止过饱和 |
| 边缘羽化 edgeFeather | 0–50px | 高斯 3 次级联模糊,边缘过渡自然不生硬 |
| JPEG/WebP Quality | 0.60–1.00 (60%–100%) | JPEG/WebP 导出压缩质量,PNG 自动禁用灰显 |
💬 常见问题 FAQ
+抠完头发有一圈白边怎么办?
向右拉 『去白边』滑杆到 80% 以上,或点击 『一键美颜修复』(已预设 85%)。原理:先从图片四角估算原始背景色,再对半透明边缘像素 Undo Composite 反推真实前景 RGB。
+人物白色衣服被抠穿成洞怎么办?
向右拉 『防镂空修补』滑杆,常用 8–12px。算法 = 形态学闭运算填小孔 + 主体 bbox 收缩 5px 的保护区对半透像素强制提升。
+可以不抠图只美颜吗?
完全可以。上传原图选好尺寸后,跳过 『一键抠图』 直接点 『一键美颜修复』(有图即可点,不要求已抠图);磨皮/美白/Vibrance 三件套对证件照原图同样完整生效。
+想把人旋转到 3° / 5° / 45° 这种非 90 倍数怎么办?
裁剪构图卡的 『精确角度』输入框输入 0.1° 精度小数,或拖动 『旋转精调』滑杆 ±180° 范围连续调。
+拖滑杆一下滑到特别重,想回退怎么办?
抠图与美颜复合卡右上角、裁剪卡、美颜子节都有 『撤回上一步』按钮,按入栈顺序逐步回退(最多 50 步,重复值自动去重)。
+导出要上传到要求 ≤500KB 的官网怎么办?
格式切到 JPEG,质量滑杆拖到 60%~75%,看 『预估体积(JPEG)』显示 ≤500KB 后点 『导出 JPEG』。
✅ 具备的能力
- 支持的输入类型:图片 PNG/JPG/WebP、PDF 单页或多页批量加水印
- 3 类水印:文字水印、图片 Logo 水印、文字+图片混排水印
- 3 种排版模式:全屏平铺(防盗版)、右下 / 右上 / 居中 / 左上 / 左下 四角位置、自定义 XY 绝对偏移
- 文字水印:字体、字号、颜色、透明度、旋转角度、行间距、字间距全可调
- 图片水印:大小缩放、透明度、旋转、保持宽高比
- 6 种样式预设:商务极简 / 版权声明 / 机密文档 / 照片署名 / 网店防盗 / 营销推广,一键切换整套参数
- 实时预览 + 鼠标拖动调水印位置(交互式拖拽定位)
- PDF 批量:300 DPI 高清嵌入渲染;逐页全部覆盖水印后重新导出整份 PDF
📘 使用方式(步骤)
- 11. 上传原图或 PDF在水印工具页上传图片(PNG/JPG/WebP 任一)或 PDF;PDF 超过 50 页建议先裁减少量再处理。
- 22. 选水印类型单选文字水印 / 图片 Logo / 文字 + 图片混排。需要公司 Logo + 版权文字时选混排模式。
- 33. 输入内容 / 上传 Logo文字水印输入文字、选字体字号颜色;图片水印上传 Logo。
- 44. 排版与透明度模式:『平铺防盗版』 适合全网分发防转载;『位置模式』 把水印固定在某个角;『自定义偏移』 精确定位。透明度通常建议 15%–35% 不抢主图视觉。
- 55. 应用样式预设(可选)6 大预设一键切换对应水印字号 / 颜色 / 旋转 / 行距 / 透明度,个人署名适合『照片署名』,合同类选『机密文档』。
- 66. 导出图片输出 PNG(透明)或 JPEG;PDF 输出一份带水印的新 PDF。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 水印类型 | 文字 / 图片 / 混排 | 支持单个或组合 |
| 排版模式 | 平铺 / 四角位置 / 自定义 XY | 平铺模式可调行间距+字间距+旋转角度 |
| 字号 / 颜色 / 字体 | 10px ~ 180px | 文字水印三要素 |
| 透明度 opacity | 0–100% | 防截图水印建议 20%–30%;版权署名建议 40%–60% |
| 旋转角度 | 0–360° | 平铺常见 30° / 45° 对角线铺满 |
| 样式预设 | 6 套 | 商务 / 版权 / 机密 / 署名 / 防盗 / 营销 一键切换 |
💬 常见问题 FAQ
+PDF 加水印会不会很糊?
默认 300 DPI 高清渲染,A4 纸输出 2480×3508px 级别,打印清晰。超大文档建议导出到新 PDF 再检查。
+平铺要铺满整页不挤不稀怎么调?
先切到 『平铺防盗版』,字号调到原 1.3× 增大字间距 80–120% + 行距 180–250% + 旋转 30°,视觉比较舒展。
+图片水印想保留透明 PNG?
导出格式选 PNG,水印 Logo 本身也是透明 PNG 的话,合成的结果透明通道完全保留。
✅ 具备的能力
- 13 种内容类型:纯文本、网址 URL、Wi-Fi 连接、短信、名片 vCard、邮件、电话号码、WhatsApp、微信支付、企业微信、支付宝、地图位置、事件日程
- 纠错等级可选 L/M/Q/H 4 档,H 级可覆盖 30% 面积仍可扫
- 尺寸 64×64 ~ 2048×2048 像素,打印 300DPI 可按需拉大
- 样式定制:前景色、背景色、渐变色、圆角方块、圆点、八角点
- 中心 Logo 嵌入,自动留出安全区不破坏纠错
- 边距 quiet zone 可调,保证手机贴边缘仍能扫
- 12+ 行业模板:微信引流、支付宝收款、名片、WiFi 贴等,选模板直接填内容
📘 使用方式(步骤)
- 11. 选内容类型13 大类型选一个。普通网址跳转到公众号直接用『URL』;咖啡馆 WiFi 贴墙用 『Wi-Fi』 (扫码自动连)。
- 22. 输入对应内容URL 粘贴完整地址;vCard 填姓名电话公司邮箱;Wi-Fi 选加密方式(WPA/WPA2 通常 WPA)输入 SSID + 密码。
- 33. 设置纠错 + 尺寸打印海报 / 名片 建议尺寸 1000px 以上,纠错 Q 或 H(贴 Logo 必须 H);屏幕分享 512–800px 够用。
- 44. 样式自定义颜色:品牌色做主色、白色底;方块:圆角方块柔和、圆点活泼;八角点科技感。
- 55. 嵌入 Logo(可选)上传 ≤25% 二维码面积的方形 Logo;本工具会自动在中心留安全区 + 强制纠错等级到 H,保证可扫。
- 66. 下载 PNG / SVG / PDF印刷品用 SVG/PDF 无损矢量;互联网分享用 PNG。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 内容类型 | 13 种 | URL/WiFi/vCard/短信/邮件/电话/位置/日程/三大支付/WhatsApp 等 |
| 纠错等级 | L/M/Q/H | 覆盖率 7% / 15% / 25% / 30% 抗脏抗破坏等级 |
| 像素尺寸 | 64–2048 | 输出 PNG 像素边长 |
| 方块/圆点/八角 | 3 种图形 | 二维码方块的视觉图形 |
| 前景色 / 背景色 / 渐变色 | 颜色全自由 | 渐变色只作用前景 |
| 中心 Logo | 支持 PNG/JPG | 自动留安全区 + 强纠错 H 级 |
💬 常见问题 FAQ
+为什么我贴了大 Logo 就扫不出来?
必须确保纠错等级是 H(30%),Logo 覆盖面积不超过二维码的 25%;颜色对比度:前景暗背景亮 4:1 以上。
+尺寸太小扫不出来怎么办?
1. 加大像素 1000+;2. 边距 quiet zone 不低于 4 个方块(本工具默认 4x,可再拉大);3. 前景选纯黑 #000、背景选纯白。
+需要做 3 米宽的展会立牌的超大二维码?
下载 SVG 或 PDF 矢量格式,任意放大不失真;不要用 PNG 放大,会糊。
✅ 具备的能力
- 支持二维码(QR Code)+ 常用一维条码(EAN-13 / Code-128 / UPC-A)解析
- 3 种输入方式:图片上传、摄像头实时扫描、剪贴板粘贴图片(Ctrl+V / Cmd+V)
- 批量:一次上传多张图片逐张解析,结果列表展示,可复制
- 识别结果分类:URL / Wi-Fi / vCard / 短信 / 电话 / 支付串 / 纯文本
- 识别结果快捷操作:URL 一键打开、电话直接拨、Wi-Fi 复制粘贴到手机 WiFi 设置、vCard 一键保存为联系人 vcf
- 失败回退:自动放大图像 + 自动增强对比度 + 自适应二值化,暗光/糊图也能提高 20% 成功率
- 安全提示:识别结果包含 http/https/支付串时会弹风险提示提醒用户二次确认再跳转
📘 使用方式(步骤)
- 11. 选择输入方式文件:点击上传 / 拖拽;摄像头:授权浏览器开启;粘贴图:直接 Ctrl+V 粘贴当前剪贴板。
- 22. 自动识别解析完成自动展示识别出的类型 + 原始 payload 文本 + 安全提示。
- 33. 多张批量一次选多张图片批量解析,上下翻页查看每张结果,单个复制或整份导出。
- 44. 结果操作URL → 一键新开浏览器标签跳转;电话 → 调起拨号;Wi-Fi → 复制 SSID/密码/加密文本;vCard → 保存 vcf 到手机通讯录。
- 55. 识别失败重试换一张光线好的图;把摄像头对准码时拉到占屏幕 20%~60% 大小;四角完整不要裁掉。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 输入来源 | 图片 / 摄像头 / 剪贴板 | 3 种触发方式 |
| 批量解析 | N 张 | 一次选多图 |
| 识别类型 | QR / 一维条码 4 种 | 自动判别类型并输出对应操作 |
| 安全提示 | URL / 支付 / Wi-Fi 均提示 | 避免跳转钓鱼网站 |
💬 常见问题 FAQ
+为什么同样一张图别人手机能扫,我这边识别不出来?
先用图片模式上传原图(不要用相机对屏幕 2 次成像);光线暗会自动二值化增强,仍失败建议把码在预览里拉大到 ≥ 400×400 像素。
+扫到支付二维码会不会自动扣钱?
不会。本工具只做文本解析,展示结果。点击跳转打开微信/支付宝之前会弹风险提示,需你二次确认是否访问。
✅ 具备的能力
- 三大类场景:个人名片 / 门店电商 / 营销活动,约 20+ 行业子分类 + 持续更新
- 每个模板都可编辑 8–15 个字段:姓名、职位、公司、电话、邮箱、微信、地址、二维码内容、宣传标题、副标题……
- 样式方案:3–5 套配色(极简黑/商务蓝/活力橙/清新绿)+ 3 套字体方案(黑体/衬线/圆体)
- 尺寸预设:名片 90×54 / 会员卡 85×54 / A4 单页 / 海报 A3 等 6–10 种;自定义尺寸毫米 mm + DPI
- 实时预览:左编辑右预览,所有变化毫秒级刷新
- 二维码自动嵌入:在 URL / 电话 / 微信字段填内容后,模板上预留的二维码位自动生成对应码
- 导出 PNG 300DPI / PDF 印刷,裁切标记可选
📘 使用方式(步骤)
- 11. 选场景 & 分类首页模板下载入口进来 → 左栏选大类『个人 / 电商 / 营销』 → 选子分类(如:个人名片-商务极简)。
- 22. 选模板缩略图点一张你喜欢的模板进入编辑台 Studio。
- 33. 填写字段左侧字段面板按模板设计对应字段挨个填;微信号、电话、网址填完后,模板的二维码占位会立刻生成。
- 44. 切样式/配色右上角样式切换预设配色 + 字体方案,挑和个人品牌契合的。
- 55. 尺寸/打印需要印刷的:切名片 90×54(含 3mm 出血请联系印刷厂规范);屏幕分发用 PNG。
- 66. 导出最终导出 PNG(分享)/ PDF(打印)。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 模板分类 | 3 大类 ~20 子类 | 名片 / 电商 / 营销 |
| 可编辑字段 | 8–15 字段 / 模板 | 按模板而异 |
| 配色方案 | 3–5 套 | 一键切换 |
| 字体方案 | 3 套 | 无衬线/衬线/圆体 |
| 输出尺寸 | 6–10 预设 + 自定义 mm×DPI | 印刷常用 DPI=300 |
💬 常见问题 FAQ
+字段少了我需要的一项怎么办?
在当前模板基础上联系产品需求(见 PRD)扩展该模板的字段定义;或先用接近字段占位导出后,在图片编辑器叠一层自定义文字。
+模板二维码不显示?
确认对应『二维码内容』字段填了合法的 URL/ 电话/ 微信 ID 等;留空时会用默认占位图。
✅ 具备的能力
- 两大类能力:学习练习纸(田字格/米字格/拼音田字/四线三格/算数/口算/点阵 等)+ 学习卡片(生字卡/拼音卡/英文字母卡/拼读卡/单词卡)
- 目标人群:幼儿园、小学生、初中生 全覆盖;audience 切换自动联动 年级 GRADE_OPTIONS 与 推荐行数/列数/字号
- 练习纸类:尺寸(A4 / 16K / 32K / B5)/ 行列 / 字号 / 字间距 / 行间距 / 页边距 / 页码开关 / 标题开关 / 页眉孩子姓名 日期 学号 3 项
- 卡片类:行数 × 列数 / 每张卡片字号 / 切分虚线(横切 / 竖切 / 十字)/ 是否打印样例字 / 是否背面写词 / 翻转排版
- 样例字输入:大文本框批量粘贴生字/拼音/单词;按换行自动分组到每张卡;可批量预览+单独覆盖某一张
- 中文/英文双语界面;所有字段输入时中英文切换自动回显当前 locale 的占位默认值不覆盖用户输入
- 一键下载 PDF:A4/16K 打印标准,自动分页;批量卡片自动按行列数和总量分页
📘 使用方式(步骤)
- 11. 选人群 audience幼儿园 / 小学生低年级 / 高年级 / 初中;先选人群会自动推荐年级、纸张尺寸、行列数、字号。
- 22. 选大类:练习纸 OR 卡片日常作业/家庭练习:『练习纸』;做闪卡、生字卡:『卡片』。
- 33. 选子类型练习纸:田字格 / 米字格 / 拼音田字 / 四线三格(英文) / 算数 / 口算 / 点阵;卡片:生字 / 拼音 / 字母 / 单词。
- 44. 配置纸张 / 样式尺寸 A4 最常见;页边距建议 10–15mm;标题开关:家庭作业开,课堂打印纸可省。
- 55. 输入样例字/单词(可选)卡片类或练习纸样例字:大文本框每行 1 个,自动分配到每张卡或每页。中文可拼音+汉字同时用『字|拼音』格式如『我|wǒ』。
- 66. 下载 PDF 打印点 『下载 PDF』 得到标准打印 PDF,A4 双面打印建议关闭『适应边框』保持原始尺寸。
🎛️ 核心可调参数
| 参数名 | 范围 / 可选值 | 说明 |
|---|---|---|
| 受众 audience | 幼小/小学低/小学高/初中 | 自动联动年级+默认配置 |
| 模板大类 | 练习纸 / 学习卡片 | 两大分支 |
| 子类型 | 练习纸 7 种 / 卡片 5 种 | 共计 12 种子类型 |
| 纸张尺寸 | A4/A5/B5/16K/32K/自定义 | 家庭 A4 打印主流 |
| 行列 / 字号 / 间距 | 数字输入 | 决定一张多少字/卡 |
| 切分虚线 | 卡片类 3 种 | 横切 / 竖切 / 十字 |
| 页眉 3 项 | 姓名 / 日期 / 学号 | 独立开关 |
💬 常见问题 FAQ
+想给幼儿园的孩子用大号田字格?
audience 选 『幼儿园』 → 模板类型 『田字格』,行列自动降到 5×6、字号自动 32px,字非常大握笔好描。
+生字卡要正反面打印(正面汉字、背面拼音)怎么办?
卡片模式下勾选 『背面写词』 + 『翻转排版』,背面内容 PDF 会自动紧跟正面一页,打印时设置双面长边翻转即可。
+拼音本的样例输入格式是什么?
每行一个字:字|拼音,例如:我|wǒ;你|nǐ。不带拼音的字只写字:我。工具会自动在田字格或四线三格上渲染。