如何为BigCommerce压缩图片:加速您的商店
Picovert 团队2026-02-235 分钟阅读
BigCommerce商店的成败取决于图片性能。产品图片是页面重量的最大贡献者,大图片会降低 商店的Core Web Vitals、损害SEO排名,并在移动购物者看到产品之前就让他们离开。 压缩和优化BigCommerce图片是您可以对商店进行的最高ROI改进之一。
BigCommerce图片尺寸建议
- 产品图片:1280×1280像素是产品图片的推荐尺寸。BigCommerce会自动从 您的主图中生成缩略图,因此您只需上传高分辨率版本
- 横幅图片:全宽横幅应为1920×600像素至1920×800像素。视网膜显示器 受益于2×分辨率,但这会使文件大小翻倍——相应地进行压缩
- 类别标题图片:1280×400像素至1280×600像素是类别标题的典型尺寸
- 徽标:300~400像素宽的带透明度PNG,以在各种设备尺寸上获得最佳外观
BigCommerce图片文件大小限制
- 产品图片:每张图片最大8 MB(平台接受此限制,但您应目标低于500 KB以实现快速加载)
- 横幅和背景图片:没有硬性限制,但全宽横幅图片目标低于300 KB以保持加载时间快
- 推荐文件大小:产品图片100~400 KB;横幅图片150~300 KB;缩略图20~60 KB
BigCommerce的最佳图片格式
- WebP:BigCommerce产品图片的最佳选择。相同质量下WebP比JPG小25~35%。 BigCommerce主题原生支持WebP
- JPEG/JPG:所有浏览器的可靠备选。产品摄影使用80~85%质量的JPG
- PNG:最适合图形、徽标和需要透明度的图像。徽标使用带透明度的PNG-24; 纯色图形使用PNG-8
- AVIF:比WebP更小但支持较少。如果目标受众仅使用现代浏览器, 可作为次要选项
如何为BigCommerce压缩图片
- 使用图片调整大小将产品图片准备为1280×1280像素
- 打开图片压缩并上传您的产品图片(支持批量上传)
- JPG图片质量设置为80~85%,或使用WebP输出以获得最大压缩
- 下载压缩后的图片,通过产品图片管理器或批量导入上传到BigCommerce
BigCommerce图片SEO优化
BigCommerce允许为产品图片设置alt文字,这对SEO至关重要。除alt文字外,图片优化 还通过多种方式影响SEO:
- 页面速度:Google的Core Web Vitals包含LCP(最大内容渲染), 这在电商页面上几乎总是产品图片。压缩图片直接改善LCP评分
- 移动优先索引:Google主要使用页面的移动版本进行索引。有大图片的 移动页面排名更低。目标每张产品图片低于300 KB以获得移动优化索引
- 图片站点地图:BigCommerce自动生成图片站点地图。具有描述性alt文字 的压缩、命名良好的图片出现在Google图片搜索中
处理现有BigCommerce图片
如果您现有的商店已经有大型未优化的图片,您需要重新上传压缩版本。 BigCommerce不会在上传时自动压缩图片。批量优化:
- 导出产品目录以识别所有产品图片URL
- 从BigCommerce CDN URL下载每张图片
- 使用图片压缩批量压缩——一次上传多张图片并以ZIP形式下载
- 将压缩后的图片重新上传到每个产品列表
BigCommerce主题图片设置
BigCommerce的Stencil主题在主题配置中包含内置的图片优化设置。需要检查的关键设置:
- 产品图片尺寸:在主题配置或Page Builder中设置。将上传的图片分辨率 与配置的尺寸匹配,以避免不必要的服务器端调整大小
- 延迟加载:确保您的主题对折叠以下的图片使用原生延迟加载 (loading="lazy")以提高初始页面加载速度
在上传到BigCommerce之前使用图片压缩压缩所有图片——免费、 私密,在您的浏览器中运行。优化的图片加载更快、排名更高、将更多购物者转化为买家。