为什么速度很重要？因为用户讨厌慢速网站
看看谷歌的这项研究： 简而言之，页面加载时间越长，您失去的潜在客户就越多。由于与页面上的其他元素相比，图像文件通常会占用大量空间，因此您应该从这里开始进行速度优化。 您应该选择哪种格式？ Google 可以在 Google 图片上显示以下格式：BMP、GIF、JPEG、PNG、WebP 和 SVG。 但是，根据图像的内容和所需的质量，某些格式会比其他格式更差。 我们将在这里重点关注两种最流行的：PNG 和 JPG。 在以下情况下使用 PNG： 作为设计的一部分，您需要透明度 图像仅由纯色组成，例如 信息图表。 它是最小的文件格式（通常当它不是相机照片时） 在以下情况下使用 JPEG： 这是最小的文件大小 内容类型是用相机拍摄的照片。 特别值得一提的是WebP，这种格式的尺寸甚至比大多数 PNG 和 JPEG 还要小。但请注意，并非所有浏览器都普遍支持该文件扩展名。对于主要由文本和几何形状组成的简单图像，例如 徽标或一些解释性信息图表，您可 手机号码数据 以考虑使用 SVG，因为它通常尺寸较小，并且提供绝对最佳的可扩展质量。 图像尺寸和压缩 现在我们已经介绍了您需要的图像文件类型，是时候看看技术图像优化的另一个重要方面：大小和压缩。 找到合适的尺寸 许多网站存在的一个问题是上传的图像太大。不仅在实际文件大小上，而且在尺寸上。这会产生多种影响：文件大小增加，并且还可能意味着上传时图像会被裁剪或奇怪地更改 作为一般规则，您的图像文件应具有与您要使用它的位置相同的尺寸。例外情况是，如果您改为响应式显示图像，那么您也可以保留缩放后的变体。 通过使用 Chrome 开发者工具并找到显示图像的正确 HTML 元素，您可以快速查看要使用的实际尺寸。 在卫报的这个例子中，它是 480 x 276。这意味着您的图像应该在这个尺寸左右，也许稍大一些，以适应更高分辨率的屏幕。 压缩工具 最后，在将图像上传到您的网站之前，请尝试对其进行压缩以进一步减小尺寸。 当然，这是一种平衡行为：压缩太少会破坏用户体验，因为页面加载速度会降低。
https://lh7-us.googleusercontent.com/ktbxMV145WTIzDq6qqqu06KtnFLj1oEMPYbQmyRMekqLfb1NvlUf3ss6hcC0A3U5D0ZJQKRpJI7HLD6X-ARX9qSENc-lEiwQbXUhpWFoT8qoF15mEDIZ7tnBuFtDNM7FZFohkE4yIND4ct4-Bpa43_I
压缩过多，质量会受到很大影响，最终会再次获得糟糕的用户体验。 这可以通过两种方式完成： 自动使用WordPress 的ShortPixel等插件 手动使用Optimizilla等在线服务 图片站点地图 另一种帮助 Google 索引和使用图像的方法是使用图像站点地图。正如您（希望）已经拥有一个用于 HTML 页面的页面一样，您也可以为图像创建一个页面。这有助于让您使用的图像更加清晰。 快速提示： 与HTML 站点地图不同，图像站点地图可以指向您自己的域之外的 URL。这允许您使用 CDN 来传送图像，并且仍然将它们与您的页面关联。 帮自己一个忙，找到一个可以为您生成的工具，而不是手动填写。 结构化数据 结构化数据是一种可以在您的网站上使用的特殊代码。
頁:
[1]