主题
图片与图片空间
一句话
所有传图的地方点「上传」,先弹图片空间 —— 可以挑传过的,也可以一次拖一整批进去。
图片空间是什么
一个全站共用的图片库。你传过的每一张都在里面,按业务类型(商品/横幅/站点)分类, 能按原始文件名搜。
相同内容的图不会重复占空间
上传前系统会先算文件的内容哈希送给后端 —— 库里已经有一模一样的字节时, 直接把旧地址还回来,整个上传都不发生。
所以你不用刻意去翻找,直接传新的也没关系。
批量上传
在图片空间弹窗里:
- 点「上传图片」→ 文件选择框里可以多选
- 或者直接把一堆文件拖进弹窗 —— 拖到列表任何位置松手都行
上传时会显示进度(5 / 8),传完不关窗,新图排在列表最前面。
一张失败不连累其它
比如其中一个是 HEIC 格式传不上去,其它的照常传完, 最后会逐个列出失败的文件名,你知道要重传哪几张。
多选(一次挑好几张)
在商品的「图片」标签页和富文本编辑器里,图片空间是多选模式:
- 格子上会出现角标,显示的是第几张 —— 因为插入顺序就是勾选顺序
- 底部「使用这 N 张」,一次性带回来
其它地方(商品主图、横幅、Logo、SKU 图)仍然是单选:点一张就用它并关窗, 一步都不多。
商品图集怎么排
商品编辑 → 图片
- 第一张是主图 —— 列表页、购物车、订单里显示的那张
- 「批量添加」一次挑多张,按勾选顺序追加到下面
- 每一行可以绑定一个规格取值(比如绑定"蓝色")
绑定了颜色的图
买家选中该颜色时,主图组自动切到这些图。没绑定的是"通用图",任何规格都显示。
详情页里的图(切片图)
商品详情通常是一整张长图切开上传。详见 富文本详情 —— 那里讲了怎么保证切片之间没有缝。
图片规格建议
| 用途 | 建议 |
|---|---|
| 商品主图 / 图集 | 正方形,1000×1000 以上 |
| 详情切片图 | 宽度 750–1200,高度随意 |
| 横幅(通栏) | 见 横幅怎么配 —— 比例要和后台选的一致 |
| Logo | PNG 透明底,高度 80–160 |
| Favicon | 512×512 PNG |
| 社交分享图 | 1200×630 |
图别传太大
一张 5MB 的原图会让手机用户等很久。压到 300KB 以内通常看不出差别。 系统有大小上限(默认 10MB),超了会被拒。
为什么不能删图片
图片空间故意没有删除功能
一张图可能被商品主图、SKU 图、横幅、甚至详情页 HTML 里的 <img> 引用着 —— 最后那个全文搜也未必搜得干净。
误删的代价是前台直接裂图,而省下的只是几百 KB。
真正没人用的图由定时任务清理(孤儿清理)。
常见问题
点上传没反应
- 对象存储配了吗 —— 没配的话上传按钮旁边会显示「贴链接」, 只能手动粘图片 URL
- 浏览器控制台(F12)看有没有报错
拖进去毫无反应,但边框有高亮
这个已经处理过了。如果还遇到,试试点「上传图片」按钮走文件选择框。
粘贴截图传不上去
支持粘贴 —— 截图后在图片空间里 Ctrl + V 就行(富文本编辑器里也支持)。
如果提示"只允许 jpg/png":粘贴的图在某些浏览器里没有文件名, 系统会退回按 MIME 类型判断。正常情况下是能传的。
同一张图传了好几次,怎么清
不用清 —— 内容哈希去重会让它们指向同一个地址,实际只占一份空间。
前台图片全白 / 裂图
先把图片地址直接粘到浏览器地址栏,看能不能打开:
- 能打开 → 是页面的问题,强制刷新试试
- 打不开 → 对象存储或反代的问题,看服务器日志