直接答案
将 JPG、PNG 或 WebP 商品照片调整为方图:默认 1000×1000,可选 800×800、1200×1200 和 2048×2048。「智能补边」保留整张照片,「裁剪填充」等比铺满画布并裁去超出部分。这些是工具预设,请核对店铺要求。所有处理在浏览器本地完成。
如何使用此工具
批量上传商品照片
选择至多 20 张 JPG、PNG 或 WebP 照片,工具默认开启 1000×1000 方图预设。
选用 1000×1000 或其他方图规格
保持 1000×1000 默认项,或一键切换至 800×800(缩略图)、1200×1200(高清主图)或 2048×2048(超清放大)。
选择智能补边或裁剪填充
选择「智能补边」保留完整商品轮廓并填充白底或透明底,或选择「裁剪填充」实现无边框铺满。
导出调整后的图片
支持单张即时下载或批量打包导出 ZIP 文件,即刻上传各大电商平台。
商品方图的尺寸、边距与构图
方图有助于商品列表保持整齐,但所需尺寸取决于店铺、主题和销售渠道。默认的 1000×1000 只是起点。「智能补边」将整张照片等比放入画布并添加均衡边距;未允许放大时,小图保持原始像素尺寸。「裁剪填充」等比缩放以铺满画布,并裁去超出的部分。尺寸调整会改变像素,JPEG 或 WebP 编码也可能带来压缩损失。
- 商品图预设:默认 1000×1000 像素,可选 800×800、1200×1200 和 2048×2048。请核对上传目标的要求。
- 选择「智能补边」保留完整商品轮廓并填充白底或透明底,或选择「裁剪填充」实现无边框铺满。
- 100% 浏览器本地私密:不经由任何后端服务器处理,绝不上云存储。
实用示例
将 1600×1200 矩形拍照原图等比补白至 1000×1000 方图
输入: 1600×1200 横版 JPEG 商品拍摄原图 (4:3 比例)
输出: 1000×1000 JPEG(商品主体居中,上下对称填充纯白边距)
将原图等比缩小至 1000×750,上下各补充 125 px 白色边距,完整保留商品两端。
将 1500×1500 大图缩减为 800×800 列表缩略图
输入: 1500×1500 正方形 JPEG 图片 (2.4 MB)
输出: 800×800 JPEG
按预设算法缩小,显著缩减体积,提升手机端商品列表加载速度。
输出 2048×2048 放大镜高清方图并保持透明背景
输入: 3000×3000 PNG 商品抠图(带透明通道)
输出: 2048×2048 PNG(完整保留 Alpha 透明通道)
请选择透明补边,并输出 PNG 或 WebP,才能保留透明度。
限制
- 本工具提供尺寸缩放、裁剪和边距填充,不提供 AI 自动抠图去背景功能。
- 本工具不执行自动化的平台合规审核,发布前请结合具体销售平台的类目规范核对。
- 透明补边需要 PNG 或 WebP。若选择 JPEG,处理将被阻止;请切换输出格式或主动选择纯色背景。
- 未允许放大时,补边模式将小图按原像素大小放入目标画布;裁剪铺满模式会在原图或裁剪区域太小时阻止处理。需要放大时请明确开启;放大无法恢复缺失细节。
常见问题
电商商品主图推荐的最佳尺寸是多少?
请根据店铺和销售平台的要求选择尺寸。本工具默认使用 1000×1000 像素,还提供 800×800、1200×1200 和 2048×2048 方图预设。这些是工具选项,并非所有电商平台通用的强制标准。
「智能补边」和「裁剪填充」有什么区别?
「智能补边」会将整张图片等比放入方框并填充边距;未允许放大时,小图保持原尺寸。「裁剪填充」等比缩放以铺满方框,并裁去超出的部分。 未允许放大时,补边模式将小图按原像素大小放入目标画布;裁剪铺满模式会在原图或裁剪区域太小时阻止处理。需要放大时请明确开启;放大无法恢复缺失细节。
工具会自动帮我抠图去除背景吗?
不会。本工具专注于尺寸调整、构图与边缘填充,不包含自动抠图去背景功能。
我的商品图片会被上传到服务器吗?
绝对不会。所有图像变换均在您的本地浏览器中通过 HTML5 Canvas API 执行,无网络外发。
权威技术标准与参考文献
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.