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

xbfinal(雨泽) · 2026年08月19日 · 12 次阅读

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

所以我在自己的在线工具箱「图鸭丫 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

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

暂无回复。
需要 登录 后方可回复, 如果你还没有账号请 注册新账号