Skip to content

图片与图片空间 ​

一句话

所有传图的地方点「上传」,先弹图片空间 —— 可以挑传过的,也可以一次拖一整批进去。

图片空间是什么 ​

一个全站共用的图片库。你传过的每一张都在里面,按业务类型(商品/横幅/站点)分类, 能按原始文件名搜。

相同内容的图不会重复占空间

上传前系统会先算文件的内容哈希送给后端 —— 库里已经有一模一样的字节时, 直接把旧地址还回来,整个上传都不发生。

所以你不用刻意去翻找,直接传新的也没关系。

批量上传 ​

在图片空间弹窗里:

  • 点「上传图片」→ 文件选择框里可以多选
  • 或者直接把一堆文件拖进弹窗 —— 拖到列表任何位置松手都行

上传时会显示进度(5 / 8),传完不关窗,新图排在列表最前面。

一张失败不连累其它

比如其中一个是 HEIC 格式传不上去,其它的照常传完, 最后会逐个列出失败的文件名,你知道要重传哪几张。

多选(一次挑好几张) ​

在商品的「图片」标签页和富文本编辑器里,图片空间是多选模式:

  • 格子上会出现角标,显示的是第几张 —— 因为插入顺序就是勾选顺序
  • 底部「使用这 N 张」,一次性带回来

其它地方(商品主图、横幅、Logo、SKU 图)仍然是单选:点一张就用它并关窗, 一步都不多。

商品图集怎么排 ​

商品编辑 → 图片

  • 第一张是主图 —— 列表页、购物车、订单里显示的那张
  • 「批量添加」一次挑多张,按勾选顺序追加到下面
  • 每一行可以绑定一个规格取值(比如绑定"蓝色")

绑定了颜色的图

买家选中该颜色时,主图组自动切到这些图。没绑定的是"通用图",任何规格都显示。

详情页里的图(切片图) ​

商品详情通常是一整张长图切开上传。详见 富文本详情 —— 那里讲了怎么保证切片之间没有缝。

图片规格建议 ​

用途建议
商品主图 / 图集正方形,1000×1000 以上
详情切片图宽度 750–1200,高度随意
横幅(通栏)见 横幅怎么配 —— 比例要和后台选的一致
LogoPNG 透明底,高度 80–160
Favicon512×512 PNG
社交分享图1200×630

图别传太大

一张 5MB 的原图会让手机用户等很久。压到 300KB 以内通常看不出差别。 系统有大小上限(默认 10MB),超了会被拒。

为什么不能删图片 ​

图片空间故意没有删除功能

一张图可能被商品主图、SKU 图、横幅、甚至详情页 HTML 里的 <img> 引用着 —— 最后那个全文搜也未必搜得干净。

误删的代价是前台直接裂图,而省下的只是几百 KB。

真正没人用的图由定时任务清理(孤儿清理)。

常见问题 ​

点上传没反应

  1. 对象存储配了吗 —— 没配的话上传按钮旁边会显示「贴链接」, 只能手动粘图片 URL
  2. 浏览器控制台(F12)看有没有报错

拖进去毫无反应,但边框有高亮

这个已经处理过了。如果还遇到,试试点「上传图片」按钮走文件选择框。

粘贴截图传不上去

支持粘贴 —— 截图后在图片空间里 Ctrl + V 就行(富文本编辑器里也支持)。

如果提示"只允许 jpg/png":粘贴的图在某些浏览器里没有文件名, 系统会退回按 MIME 类型判断。正常情况下是能传的。

同一张图传了好几次,怎么清

不用清 —— 内容哈希去重会让它们指向同一个地址,实际只占一份空间。

前台图片全白 / 裂图

先把图片地址直接粘到浏览器地址栏,看能不能打开:

  • 能打开 → 是页面的问题,强制刷新试试
  • 打不开 → 对象存储或反代的问题,看服务器日志

这份文档只讲后台怎么用,不含任何真实密钥