一寸照片生成器
证件照p图换衣服
证件照换底色
<>
h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
}
* {
user-select: none;
}
.seo-download-other {
position: relative;
/* display: inline-block; */
display: none;
}
.download-btn {
display: none;
}
/* 下拉菜单 */
.download-list {
position: absolute;
top: 100%;
left: 50%;
min-width: 180px;
background: #fff;
border: 1px solid rgba(0000.15);
border-radius: 6px;
box-shadow: 0 6px 12px rgba(0000.1);
margin-top: 12px;
padding: 0;
opacity: 0;
transform: translateX(-50%);
pointer-events: none;
transition: opacity 0.2s ease;
z-index: 100;
padding: 6px 0;
}
.download-list a {
text-decoration: none;
height: 36px;
color: #252525;
font-size: 14px;
font-weight: normal;
line-height: 36px;
text-align: center;
display: block;
transition: all 0.2s ease;
}
/* 打开状态 */
.seo-download-other.open .download-list {
opacity: 1;
pointer-events: auto;
}
/* 菜单项 */
.download-list li {
list-: none;
cursor: pointer;
transition: all 0.2s ease;
}
.download-list li:hover {
background: #f5f5f5;
}
.download-list li:hover a {
color: #000;
}
.seo-banner {
background-size: 100% auto;
background-position: center;
background-repeat: no-repeat;
height: 4.347222222222222rem;
display: flex;
align-items: center;
position: relative;
}
.seo-banner-bg-wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
}
.seo-banner-bg-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0000.5);
}
.seo-banner-bg {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%-50%) scale(1.5);
/* 高斯模糊 */
filter: blur(0.4166666666666667rem);
width: 100%;
}
.seo-banner-content {
padding-top: 0.20833333333333334rem;
width: 8.333333333333334rem;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
/* gap: 0.4166666666666667rem; */
}
.seo-banner-left {
flex: 1;
}
.seo-banner-btn-group {
height: 0.5rem;
margin-top: 0.3333333333333333rem;
}
.seo-banner-title {
color: #fff;
font-size: 0.3888888888888889rem;
font-: normal;
line-height: normal;
font-kerning: none;
font-weight: 700;
}
.seo-banner-subtitle {
color: hsla(00%100%0.7);
font-size: 0.16666666666666666rem;
font-: normal;
font-weight: 500;
line-height: normal;
margin-top: 0.08333333333333333rem;
}
.seo-banner-right {
flex: 1;
}
.seo-banner-video {
width: 4.402777777777778rem;
border-radius: 0.1388888888888889rem;
display: block;
}
.seo-banner-btn {
width: 2.0833333333333335rem;
height: 0.5rem;
/* display: flex; */
align-items: center;
justify-content: center;
border-radius: 0.6944444444444444rem;
color: #fff;
font-size: 0.16666666666666666rem;
font-: normal;
font-weight: 600;
line-height: 150%;
cursor: pointer;
border: none;
outline: none;
gap: 0.027777777777777776rem;
pointer-events: auto;
transition: opacity 0.3s ease;
position: relative;
}
.seo-banner-btn svg {
width: 0.2638888888888889rem;
height: 0.2638888888888889rem;
}
.seo-banner-btn:hover {
opacity: 0.9;
}
.seo-tab-card {
width: 8.333333333333334rem;
margin: 0 auto;
padding: 0.4166666666666667rem 0;
}
.seo-tab-card-title {
color: #16171a;
font-size: 0.3055555555555556rem;
font-weight: 700;
line-height: normal;
text-align: center;
}
.seo-tab-card-subtitle {
color: rgba(2223260.7);
font-size: 0.1388888888888889rem;
font-weight: 400;
margin-top: 0.16666666666666666rem;
text-align: center;
}
.seo-tab-card-tabs {
margin: 0.3333333333333333rem auto 0;
text-align: center;
}
.seo-tab-card-tabs-content {
display: inline-flex;
justify-content: center;
align-items: center;
height: 0.375rem;
border-radius: 0.6944444444444444rem;
background: #fff;
box-shadow: 0 0 0 0.006944444444444444rem rgba(017500.04),
0 0.05555555555555555rem 0.3333333333333333rem 0 rgba(017500.08);
}
.seo-tab-card-tab {
width: 1.1388888888888888rem;
color: #1c1d1f;
text-align: center;
font-size: 0.1111111111111111rem;
font-: normal;
font-weight: 500;
cursor: pointer;
display: inline-flex;
justify-content: center;
z-index: 1;
transition: color 0.1s ease-in-outbackground-color 0.1s ease-in-out;
height: 100%;
align-items: center;
border-radius: 0.6944444444444444rem;
}
.seo-tab-card-tab.active {
font-weight: 700;
color: #fff;
background: #000;
}
.seo-tab-card-content {
margin-top: 0.4166666666666667rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.5555555555555556rem;
display: none;
}
.seo-tab-card-content.active {
display: flex;
}
.seo-tab-card-content-left {
flex: 1;
}
.seo-tab-card-content-left .seo-tab-card-video {
width: 4.166666666666667rem;
border-radius: 0.1388888888888889rem;
}
.seo-tab-card-content-right {
flex: 1;
}
.seo-tab-card-content-title {
color: #16171a;
font-size: 0.2361111111111111rem;
font-: normal;
font-weight: 700;
line-height: 120%;
}
.seo-tab-card-content-desc {
color: rgba(2223260.7);
font-size: 0.125rem;
font-: normal;
font-weight: 400;
margin-top: 0.1388888888888889rem;
margin-bottom: 0.2777777777777778rem;
}
.seo-tab-card-content-btn-group {
height: 0.375rem;
}
.seo-tab-card-content-btn {
width: 1.3888888888888888rem;
height: 0.375rem;
/* display: flex; */
justify-content: center;
align-items: center;
border-radius: 0.6944444444444444rem;
border: none;
color: #fff;
font-size: 0.125rem;
font-: normal;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease-in-out;
outline: none;
}
.seo-tab-card-content-btn:hover {
opacity: 0.9;
}
.seo-list-card {
width: 8.333333333333334rem;
margin: 0 auto;
padding: 0.4166666666666667rem 0;
}
.seo-list-card-title {
color: #16171a;
font-size: 0.3055555555555556rem;
font-weight: 700;
line-height: normal;
text-align: center;
}
.seo-list-card-desc {
color: rgba(2223260.7);
font-size: 0.1388888888888889rem;
font-weight: 400;
text-align: center;
width: 4.097222222222222rem;
margin: 0.16666666666666666rem auto 0;
}
.seo-list-card-content {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5555555555555556rem;
margin-top: 0.4166666666666667rem;
}
.seo-list-card-content-left,
.seo-list-card-content-right {
flex: 1;
}
.seo-list-card-content-video {
width: 4.166666666666667rem;
border-radius: 0.16666666666666666rem;
display: none;
}
.seo-list-card-content-video.active {
display: block;
}
.seo-list-card-content-right {
display: flex;
flex-direction: column;
}
.seo-list-card-content-item {
padding: 0.1388888888888889rem;
cursor: pointer;
position: relative;
/* transition: all 0.3s ease-in-out; */
}
.seo-list-card-content-item-title {
color: rgba(2223260.7);
font-size: 0.18055555555555555rem;
font-weight: 700;
line-height: normal;
font-: normal;
}
.seo-list-card-content-item-desc {
color: rgba(2223260.7);
font-size: 0.1111111111111111rem;
font-weight: 400;
margin-top: 0.08333333333333333rem;
line-height: normal;
}
.seo-list-card-content-item.active {
border-radius: 0.16666666666666666rem;
background: #f6f7fa;
}
.seo-list-card-content-item.active .seo-list-card-content-item-title,
.seo-list-card-content-item.active .seo-list-card-content-item-desc {
color: #16171a;
}
.seo-list-card-content-item .seo-download-other {
display: none;
position: absolute;
top: 0.16666666666666666rem;
right: 0.16666666666666666rem;
}
.seo-list-card-content-item .seo-list-card-btn {
display: inline-flex;
width: 0.6666666666666666rem;
height: 0.2361111111111111rem;
justify-content: center;
align-items: center;
border-radius: 0.4166666666666667rem;
background: #fd3960;
color: #fff;
font-size: 0.09027777777777778rem;
font-: normal;
font-weight: 500;
line-height: 0.1111111111111111rem;
border: none;
cursor: pointer;
outline: none;
pointer-events: none;
}
.seo-list-card-content-item.active .seo-download-other[data-show="1"] {
display: inline-block;
pointer-events: auto;
}
.seo-list-card-content-item .seo-list-card-btn-normal {
display: none;
position: absolute;
top: 0.06944444444444445rem;
right: 0.16666666666666666rem;
}
.seo-list-card-content-item.active .seo-list-card-btn-normal[data-show="1"] {
pointer-events: auto;
display: inline-block;
}
.seo-list-card-bottom {
text-align: center;
margin-top: 0.4166666666666667rem;
height: 0.375rem;
}
.seo-list-card-bottom-btn {
width: 1.3888888888888888rem;
height: 0.375rem;
/* display: flex; */
justify-content: center;
align-items: center;
border-radius: 0.6944444444444444rem;
border: none;
color: #fff;
font-size: 0.125rem;
font-: normal;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease-in-out;
outline: none;
}
.seo-list-card-bottom-btn:hover {
opacity: 0.9;
}
.seo-help {
width: 8.3333rem;
margin: 0 auto;
padding: 0.4167rem 0;
}
.seo-help-title {
color: #16171a;
text-align: center;
font-size: 0.3056rem;
font-weight: 700;
margin-bottom: 0.4167rem;
}
.seo-help-content {
width: 7.2222rem;
margin: 0.2778rem auto 0;
}
.seo-help-content > .seo-help-faq-item:first-child {
border-top: none;
}
.seo-help-faq-item {
border-top: 0.0069rem solid #eaecf0;
text-decoration: none;
display: block;
}
.seo-help-faq-question {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.2rem 0;
cursor: pointer;
}
.seo-help-faq-question h2 {
color: #16171a;
font-size: 0.1389rem;
font-weight: 500;
transition: color 0.3s;
}
.seo-help-faq-question h2:hover {
color: #16171a;
}
.seo-help-faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s easeopacity 0.3s easepadding-bottom 0.45s ease;
opacity: 0;
color: rgba(1718200.6);
font-size: 0.1111111111111111rem;
font-weight: 400;
line-height: 0.16666666666666666rem;
letter-spacing: 0rem;
}
.seo-help-faq-answer h3 {
color: rgba(1718200.6);
}
.seo-help-faq-item.active .seo-help-faq-answer {
max-height: 1.3888888888888888rem; /* 可按内容长度调整 */
opacity: 1;
padding-bottom: 0.2rem;
}
.seo-help-faq-question svg {
width: 0.14rem;
height: 0.14rem;
transition: transform 0.3s ease;
transform: rotate(0deg);
}
/* 展开时旋转 90° */
.seo-help-faq-item.active .seo-help-faq-question svg {
transform: rotate(180deg);
}
/* 如果是 link-only 的情况，不旋转 */
.seo-help-faq-link.seo-help-faq-link .seo-help-faq-question svg,
.seo-help-faq-item.seo-help-faq-link.active .seo-help-faq-question svg {
transform: none;
}
.seo-help-faq-more-container {
text-align: right;
}
.seo-total {
width: 100%;
height: 1.6666666666666667rem;
background-image: url(https://xiuxiu-pro.meitudata.com/poster/15ec30d8a9a90907172df6d7c2125b8e.jpg);
background-size: 100% 100%;
background-position: 0 100%;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
}
.seo-total-content {
width: 7.222222222222222rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.seo-total-btn {
width: 1.3888888888888888rem;
height: 0.375rem;
/* display: flex; */
justify-content: center;
align-items: center;
border-radius: 0.6944444444444444rem;
border: none;
color: #fff;
font-size: 0.125rem;
font-: normal;
font-weight: 700;
cursor: pointer;
transition: all 0.3s ease-in-out;
outline: none;
}
.seo-total-btn:hover {
opacity: 0.9;
}
.seo-total-title {
color: #000;
font-size: 0.25rem;
font-: normal;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.0005555555555555556rem;
}
.seo-total-left > div {
display: flex;
color: rgba(2223260.7);
font-size: 0.1388888888888889rem;
font-: normal;
font-weight: 400;
line-height: normal;
align-items: center;
margin-top: 0.2222222222222222rem;
}
.seo-total-left > div > svg {
margin-left: 0.05555555555555555rem;
}
.seo-total-strong {
font-size: 0.16666666666666666rem;
color: #16171a;
font-weight: 700;
}
AI生成，一键秒修
智能生成
改尺寸
换底色
换衣服
轻松生成最“美”证件照
AI抠图换底色、智能矫正、修改尺寸及画质修复，一键生成标准入园照、大学生证件照等，更能覆盖求职简历、签证护照、教资考试等 200 + 官方场景。
AI 证件照尺寸修改神器
一键搞定一寸二寸证件照尺寸调整，智能匹配护照、签证、驾照等 200 + 场景规格，毫米 / 像素双重精准校准，20 秒极速出片，轻松规避比例失调、审核驳回难题。
一键搞定红蓝白
红底换蓝底、白底证件照一键切换，发丝级抠图，支持纯白、深蓝、大红等 8 种标准底色，更提供自定义 RGB 色值调节，满足海马蓝、渐变灰等特殊证件要求。
AI换装黑科技，一键穿正装
免PS一键搞定一寸照换西装、正装替换，覆盖求职简历、签证护照、教资考试等 200 + 官方场景。搭载 AI 智能 3D 贴合算法，100 + 服装模板任选 —— 从男士深蓝西装、女士职业衬衫到医护白大褂、国潮汉服，男女童全年龄段款式齐全。
不仅生成证件照，更能一站式编辑图片
AI变清晰
一键拯救模糊证件照，轻松通过考试报名、签证申请等场景审核。
人像美容
一键美颜，从日常通勤的伪素颜到展会高光时刻的立体轮廓，轻松打造自然妆容！
AI换背景
凭借先进的深度学习算法，实现 AI 一键抠图与智能换背景，3 秒内即可完成从杂乱背景到专业场景的蜕变，告别传统 PS 半小时手动抠图的繁琐。
更多教程，助你快速修“好”图
美图秀秀证件照在哪里？
下载美图秀秀，安装成功后，在首页找到【证件照】点击进入证件照功能哦~
怎么使用美图秀秀证件照功能？
进入证件照功能后，上传人像图片，系统将为您自动抠图、裁剪、矫正并替换背景颜色；生成后您可在左侧换底色、改尺寸、换服装、一键美化、生成排版照等；确认后点击保存即可~
美图秀秀可以做哪些类型的证件照？
可支持一寸照、二寸照等各种规格的证件照，白底、红底、蓝底等各种底色的证件照，单人照或双人结婚照，成人或儿童证件照都可！
可用于身份证、护照、简历、毕业证、教师资格证、会计资格考试等海量场景。
美图秀秀，专业的证件照生成工具
已为 52,720,299 人提供服务 评分