做证件照这件事,说大不大,但确实挺麻烦的——去照相馆又贵又费时间;网上那些免费工具,动不动就要你把照片上传到它们服务器,一想到人脸照片被传到不认识的服务器上,心里总有点不踏实。
所以我在自己的在线工具箱「图鸭丫 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

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