做了个纯浏览器端的免费证件照工具：智能抠图换背景，图片不上传服务器

做证件照这件事，说大不大，但确实挺麻烦的——去照相馆又贵又费时间；网上那些免费工具，动不动就要你把照片上传到它们服务器，一想到人脸照片被传到不认识的服务器上，心里总有点不踏实。

所以我在自己的在线工具箱 「图鸭丫 TuYaYa」 里，把证件照功能从头打磨了一遍，全程都在浏览器本地完成，图片从头到尾不会离开你的设备。

它解决了哪些问题

• 智能抠图换背景：上传一张正面照，自动识别主体、抠出人像，再换成标准底色。全程本地运行，零上传，隐私放心。
• 按用途选规格，而不是让你猜尺寸：不用再去查"一寸到底是多大"，直接按场景选——入职/工牌、简历、公务员考试、教师资格证、四六级、研究生、身份证、驾照、结婚证、护照、中国签证、美国签证、留学签证等 14 个用途，自动套用正确的尺寸和 300DPI 像素。还支持自定义尺寸。
• 背景色自动联动：选了用途，会自动推荐符合规范的底色；也能手动在白/黑/红/蓝/黄/绿/紫/渐变蓝/灰 9 种底色 + 自定义颜色里随意切换。
• 美颜 + 妆容：5 维美颜 （磨皮、美白、去油光、均匀肤色、红润度） 加口红/腮红/眉色妆容，基于人脸关键点定位，只处理皮肤、不糊五官，效果自然不夸张。
• 人脸检测：自动识别单/多人脸，人脸过小或角度偏转会给出提示，帮你拍出合规的照片。
• 人像位置微调：缩放 + 拖拽，实时预览裁剪框效果。
• 双输出：单张标准 PNG 证件照 + 5 寸相纸排版照 JPG（自动算好能排几张，直接拿去冲印）。

技术实现 （简版）

纯前端实现，没有后端服务器处理图片：

• 抠图：WebAssembly/ONNX 本地推理 （@imgly/background-removal）
• 人脸检测：face-api.js（tinyFaceDetector + 68 关键点）
• 妆容定位：MediaPipe Face Mesh 468 关键点

所有图像处理都在浏览器本地跑，这也正是它和同类工具最大的差异点。

体验地址

👉 https://tuyaya.top/id-photo

欢迎各位佬试用，有任何不方便的地方或者改进建议，欢迎留言交流～