BigCommerce 主题如何处理上传的图片。
- 1
不会被主题拉变形的比例
BigCommerce 建议让用作缩略图的商品图片保持同一宽高比,比例与主题设置不同的图片会被拉伸或压缩。请先查明主题所需的比例,再让每件商品都按它订购。商品影棚交付正方形、竖版和横版,因此形状在订购时就已确定。
- 2
上传时会移除色彩配置文件
BigCommerce 在商品图片上传时会去除色彩配置文件,并建议保存图片时不带配置文件。因此,店铺显示的是不含配置文件的图片,颜色检查应放在上传之后:在日光下把商品页面与实物比对,先从浓烈的红色、深蓝色和金属质感的表面看起。
- 3
第一张图片及其描述
商品图片列表中的第一张,是商品页面和 Quick View 中的默认图片,因此最能看清整件商品的视图应放在这里。图片描述会成为 alt 标签,留空时 BigCommerce 使用商品名称。变体图片没有描述,每个变体只有一张图片。
BigCommerce 的要求。
- 建议尺寸
- 1,280 × 1,280像素是商品图片的最佳尺寸,不过主题的文档可能会建议其他尺寸
- 格式
- JPEG/JPG、GIF、WebP 和 PNG;不支持 TIFF 和 PDF,CSV 导入还不支持 BMP
- 文件大小
- 每张商品图片和变体图片最大8 MB
- 数量
- 每件商品最多1,000张图片,其中250张显示在控制面板中,每个变体1张图片
- 放大
- 主题的 Image sizes 设置控制悬停时显示的放大图;API 文档指出,放大图应提供小于1,280 × 1,280像素的图片,否则将返回调整过尺寸的图片
- 缩略图
- 缩略图和其他尺寸由上传的图片生成;列表中的第一张图片是商品页和 Quick View 中的默认图片
- 宽高比
- 用作缩略图的商品图片最好保持相同的宽高比;比例与主题设置不符的图片会被拉伸或压缩
- 自动优化
- BigCommerce CDN 以无损设置压缩图片,并可能转换文件格式;基于 Cornerstone 4.0或更高版本的 Stencil 主题使用 srcset 提供响应式图片尺寸
- 替代文本
- 图片描述会成为 alt 标签;如果留空,则使用商品名称;变体图片不支持描述
- 色彩配置文件
- 商品图片上传时会被去除色彩配置文件,因此建议保存不带色彩配置文件的图片
BigCommerce 商品目录所用的原图。
- 高的商品立着拍,宽的商品平放着拍,四周都留出空间,这样无论主题采用哪种比例,商品都能完整地放进去。
- 在日光下拍摄并关闭闪光灯:BigCommerce 在上传时会移除色彩配置文件,而原图中如实记录的颜色,正是之后比对的依据。
- 让雕刻、缝线和标签文字保持清晰对焦;主题在悬停时显示放大的图片,原图中的模糊最先在那里显现。
BigCommerce 商品图:常见问题解答。
2K输出对 BigCommerce 商品页面来说足够大吗?
正方形2K输出高于 BigCommerce 称为商品图片最佳的尺寸,另有4K可选。BigCommerce 补充说,主题的文档可能建议不同的尺寸,因此值得先查阅主题自己给出的数值。缩略图和其他显示尺寸都由上传的图片生成,所以一个文件即可满足全部需要;最佳尺寸见本页的表格。
悬停放大时显示的是哪张图片?
主题的“Image sizes”设置控制悬停时显示的放大图片。BigCommerce 的 API 文档说明,放大图片应提供低于规定尺寸的图片,否则返回的是调整过尺寸的图片。因此,2K或4K的上传文件在该视图中是以调整后的尺寸显示的,悬停放大也就成了在线上页面检查标签或接缝的地方。
BigCommerce 会怎样处理上传的 PNG 或 JPG?
Herofab 提供下载的 PNG 和 JPG 都为 BigCommerce 所接受,GIF 和 WebP 也是;TIFF 和 PDF 不受支持。每张商品图片和变体图片都有文件大小上限,见本页的表格。之后,BigCommerce CDN 会以无损设置压缩图片,并可能转换格式,因此购物者的浏览器收到的是 BigCommerce 处理后的文件版本。
费用是多少?
每张图像4积分,选择4K时另加一个积分。费用在生成前显示;如任务失败,积分将退还。注册时赠送的20免费积分可用此工具生成5张图像。
