首页 » 使用最佳图像文件格式

使用最佳图像文件格式

您网站的某些区域需要特定类型的图像文件格式才能成功。这些图像格式称为 .jpg、.png 或 webP 文件。图像的大小和格式类型必须协同工作,才能为您网站上需要的图像创建最清晰、最有效的图像。每种格式都有利弊。例如,JPEG 和 webP 的文件大小往往较小。但是,较小的文件大小是以牺牲图像质量为代价的。

有时听到别人说你的网站图片较小且质量较差,这通常不是你最想听到的。但是,在你的电子商务网站的某些部分,使用较小且质量较差的图片有利于你的图片优化策略。较小的图片意味着加载图片的时间更短,这意味着随着时间的推移用户体验会更好。有时,你的客户甚至可能没有注意到你的较小图片的质量。如果他们注意到加载时间太长,他们通常会去其他地方购物。

要检测您的网站是否可以从使用不同的图片格式中受益,请查看PageSpeed Insights 报告中的“以下一代格式提供图片”部分。此报告列出了可以转换为更高效文件格式的图片。由于某些图片格式无法在某些浏览器上加载,因此 新西兰电报号码数据 永远不会有一种图片文件比其他图片文件更适合使用。了解哪些图片文件在最常用的浏览器上得到最佳支持非常重要。

4)适当压缩图像

使用正确的图片质量因子来高效编码图片,同时保持所需的图片质量。PageSpeed Insights 报告中的“高效编码图片”部分可用于识别适合压缩优化的图片。该报告还显示了潜在的文件大小节省,但不会对压缩图片进行目视检查。

要找到您满意的质量因素,请使用您选择的图像转换工具对多张使用不同质量值的图像进行处理。然后比较前后效果。Google 推荐使用Squoosh.app网站,因为这是比较压缩前后图像的简便方法。有时对于电子商务网站来说,当他们想要放大产品细节时,拥有更高质量的图像会更好。请根据用户体验和客户需求注意图像大小。

5)在浏览器中缓存图像

在这里,您要告诉浏览器缓存图片需要多长时间。返回图片时,您可以返回带有 什么是使命宣言?概述 缓存指南的 HTTP 响应标头。比如,让他们知道建议浏览器缓存图片多长时间。同样,您可以使用 PageSpeed Insights 报告来检测网站上的 HTTP 响应缓存标头是否已正确设置,以进行双重检查。使用有效的缓存策略提供静态资产部分标识了可能从缓存改进中受益的图片。要修复您网站上的问题,请查看您是否有可以更改的平台或 Web 服务器设置,以调整网站上图片的缓存生存期。对于您不频繁更改图片的时候,您可以设置较长的缓存生存期。

6)正确排序图片下载

作为更高级的提示,Google 建议正确排列网页资源的下载顺序。您可以在此处看到 Google 建议的以下下载顺序:

  • 页面顶部的英雄图像
  • 折叠上方的其他图片
  • 折叠下方的图片
  • 网页上的其他图片可以延迟加载

要检测您的网站是否能高效地加载图片,您可以参考 PageSpeed Insights 报告。在报告的延迟屏幕外图片部分,您将 頂級生活之旅 看到可以在其他图片之后加载的图片列表。

滚动至顶部