Picovert

如何为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压缩图片

  1. 使用图片调整大小将产品图片准备为1280×1280像素
  2. 打开图片压缩并上传您的产品图片(支持批量上传)
  3. JPG图片质量设置为80~85%,或使用WebP输出以获得最大压缩
  4. 下载压缩后的图片,通过产品图片管理器或批量导入上传到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之前使用图片压缩压缩所有图片——免费、 私密,在您的浏览器中运行。优化的图片加载更快、排名更高、将更多购物者转化为买家。