在线PS做电商主图:白底图制作、尺寸规范和文字排版教程
电商主图尺寸规范速查
不同电商平台对主图有不同的尺寸要求,下面是常见平台的标准:
| 平台 | 主图尺寸 | 文件限制 | 白底图要求 |
|---|---|---|---|
| 淘宝 | 800×800px | ≤3MB | 手淘推荐位必须白底 |
| 天猫 | 800×800px | ≤3MB | 强制白底(部分类目) |
| 京东 | 800×800px | ≤1MB | 白底优先 |
| 拼多多 | 750×352px(轮播) | ≤1MB | 建议白底 |
| 抖音小店 | 600×600px | ≤5MB | 建议白底 |
白底图制作流程
白底图是电商运营最基础的图片需求。下面是用在线PS制作白底图的步骤:
图:电商主图制作:商品抠图放置于白底,添加促销文字
第一步:打开商品图。访问 在线PS编辑器,通过「文件」→「打开」加载你的商品照片。
第二步:抠出商品。使用魔棒工具或快速选择工具选中商品背景,然后「选择」→「反选」得到商品选区。对于边缘复杂的商品(如毛绒玩具、头发等),可以参考 PS毛发抠图教程 获得更精细的选区。
第三步:放到白色背景上。复制选中的商品(Ctrl+C),新建 800×800 像素的白色背景画布(「文件」→「新建」),粘贴商品(Ctrl+V)。调整商品大小和位置,让商品居中,上下左右留出适当留白。
第四步:检查和导出。检查商品边缘是否干净(放大查看有无残留背景色),确认无误后选择「文件」→「导出为」→「JPG」,质量设置为 80-90%,文件大小控制在 3MB 以内。
添加促销文字和价格标签
活动期间的主图通常需要添加促销信息。在线PS的文字工具可以轻松完成:
添加促销标语:选择文字工具(T),在画面合适位置点击输入文字,如「限时特惠」「买一送一」「新品上市」。设置醒目的字体颜色(红色或黄色)和较大的字号(40-60px),让文字在缩略图中也能看清。
添加价格标签:价格信息建议放在主图的左上角或右下角。先画一个色块矩形作为底板(红色或橙色),再在色块上添加白色文字显示价格。
排版注意事项:
- 文字不要超过主图面积的 20%,否则可能被平台判定为牛皮癣图片
- 重要信息放在画面中上部,因为搜索结果底部可能被价格标签遮挡
- 使用不超过 2 种字体和 3 种颜色,保持视觉统一
- 日常主图建议不加文字,活动期间再替换为促销版
主图优化技巧
除了基本的白底图和文字排版,以下技巧可以提升商品图的点击率:
商品居中留白:商品占画面 60-70%,四周留出均匀的白色空间。过大过满会显得拥挤,过小则在搜索结果中看不清。
亮度和对比度:使用「图像」→「亮度/对比度」适当提亮商品,让商品看起来更干净通透。避免过度调节导致失真。
锐化处理:导出前可以适当锐化(「滤镜」→「锐化」),让商品细节在 800×800 的尺寸下更清晰。锐化程度以画面不出现明显颗粒感为准。
常见操作失败场景及解决方法
原因分析:在使用魔棒抠图或橡皮擦擦除时,有些微弱 of 阴影或反光像素没有清理干净,人眼在亮色屏幕上不易察觉,但会被电商平台的AI检测识别为“非纯白底”(非RGB 255,255,255)。
解决方法:新建一个纯白色图层(#FFFFFF)放在最底层。然后在商品图层下方添加「亮度/对比度」调整图层,或者在抠图完成后,使用强硬度橡皮擦将主体周围残留的像素完全擦除干净。
原因分析:直接使用自由变换工具(Ctrl+Alt+T)进行缩放时,没有按比例缩放,或者将原本像素就很低的网络素材标签强行拉大,导致失真虚化。
解决方法:在拖拽缩放标签素材时,请按住 Shift 键进行等比例缩放;同时,促销文字应直接使用编辑器的「文字工具」重新输入矢量文本,而不要直接拉大带有文字的图片。
常见问题
淘宝主图的尺寸要求是什么?
淘宝主图推荐 800×800 像素(正方形),文件不超过 3MB。天猫同样为 800×800。搜索结果中会显示 300×300 缩略图,所以主图要保证缩小后商品清晰可辨。
为什么电商平台要求白底图?
白底图是电商平台搜索展示规范。淘宝猜你喜欢、天猫搜索结果都优先展示白底图,使用白底图可以让商品更突出、提升点击率,部分类目白底图是强制要求。
在线PS做的电商图片质量够用吗?
完全够用。电商主图要求 72dpi、800×800 像素,在线PS工具可以轻松处理。抠图、加文字、调色等操作都可以在浏览器中完成。