低成本搞定团队页头像抠图
发布于: 2026年8月29日更新于: 2026年8月29日
周五下午四点,你盯着公司官网的“关于我们”页面皱眉。新入职的设计师随手拍了一张侧面照,光线昏暗,背景里还挂着半件没穿的外套。把它放上去?太不协调。重新约摄影师?预算已经超了。你需要的不是完美摄影,而是统一的视觉语言。
你需要准备什么
- 一张清晰的人物正面或微侧照片(JPG/PNG/WebP格式)
- 稳定的网络连接
- CutBG 抠图工具(无需注册,浏览器直接打开)
操作步骤
拍摄时避开杂乱背景 尽量找一面白墙或纯色窗帘。如果只能在大办公室拍,让人物离背景墙至少一米远,减少阴影干扰。手机后置摄像头比前置更清晰。
上传并自动识别 把照片拖进 CutBG 首页。等待几秒,AI 会自动分离人物与背景。注意:文件不能超过 10MB,否则需先压缩。
检查发丝与衣物边缘 下载前放大预览图。看耳朵轮廓、头发丝和肩膀线条是否干净。如果有残留杂色,不要急着放弃,继续下一步。
导出透明 PNG 点击保存。选择 PNG 格式以保留透明度。这是关键:JPEG 没有透明通道,放到网页上会露出白色底框。
在网页中统一尺寸 回到代码编辑器。给所有
<img>标签设置相同的width和height,并用 CSSobject-fit: cover裁剪。这样即使原图比例不同,显示效果也整齐划一。
常见问题:边缘有灰边怎么办?
有时抠图后,人物周围有一圈淡淡的灰色光晕,尤其在深色背景下明显。这是因为原图背景颜色渗透到了边缘像素。解决方法很简单:在 Photoshop 或 Figma 中,选中图层,使用“修边”功能去除 1-2 像素的边缘;或者直接在 CutBG 结果上叠加一层极细的白色描边(Stroke),视觉上掩盖瑕疵。
别追求每张脸都像杂志封面。团队页的核心是信任感,而整洁统一的头像能瞬间提升这种感知。下次有人入职,花两分钟拍张照,丢进工具里,比纠结构图有效得多。