免费批量修改图片大小
图片压缩到200k的免费工具
多图自动改格式
图片批量处理软件
<>
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-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-big-video {
padding: 0.4166666666666667rem 0;
width: 100%;
background: #f2f5f7;
text-align: center;
}
.seo-big-video-title {
color: #16171a;
text-align: center;
font-size: 0.3055555555555556rem;
font-: normal;
font-weight: 700;
line-height: 120%;
}
.seo-big-video-subtitle {
color: rgba(2223260.7);
font-size: 0.1388888888888889rem;
font-weight: 400;
margin-top: 0.16666666666666666rem;
text-align: center;
}
.seo-big-video-content {
width: 6.666666666666667rem;
border-radius: 0.16666666666666666rem;
box-shadow: 0 0.08333333333333333rem 0.3333333333333333rem 0 rgba(017500.06);
margin: 0.3055555555555556rem auto 0;
}
.seo-big-video-bottom {
text-align: center;
margin-top: 0.3055555555555556rem;
height: 0.375rem;
}
.seo-big-video-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-big-video-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变清晰
批量消除，一键去水印、文字、杂物等
智能识别文字、水印、人像、物品、LOGO、瑕疵，精准消除，智能填充背景，效果真实自然。
批量抠图，一键移除多图背景
人像、商品、宠物、图标等全品类AI智能抠图，精细到发丝都能抠干净，还能换底色，白底、蓝底、超多背景图任意切换！
批量变清晰，千百张图同时修复画质
支持文字图表、商品图、人像，AI超清修复，一键拯救渣画质。
批量加水印、调滤镜，高效更高质
加水印、文字、素材
预设超多水印、文字等模板，也可上传我的水印、logo、素材，一键添加，多图套用，速度快，效果好！
批量加滤镜
超多滤镜特效，轻松应对商品图、人像、风景、美食、运动等不同场景，让照片呈现最佳效果！
批量调色
智能调色工具，支持智能补光、亮度提升、色调分离等细节精修，批量调光调色，张张精彩！
尺寸、格式批量改，轻松适配全平台
裁剪改尺寸
多图同时裁剪，一键修改尺寸、比例，淘宝、拼多多等主图尺寸、证件照等都能快速修改，免费高效！
格式转换
支持数千种图片格式免费转换，包括HEIC、AVIF等特殊格式，可选转为JPG、PNG等；也支持图片转文档，如图片转PDF、Word、Excel等，最全格式转换！
图片压缩
免费压缩图片，一键压缩到指定大小，如压缩照片到200kb以内；还能智能压缩，精确控制压缩效果。
存为配方，反复套用
更多教程，助你快速“批处理”
美图批处理，专业批量图片编辑工具
已为 52,720,299 人提供服务 评分