图像：成败
图像可以通过多种方式成就或毁掉你的网站。如果你的图片太模糊或太小，没有人会购买你的产品。但是，太大的图像会减慢页面加载时间，这也会降低您的销售额。
我如何知道我的图像是否太大？
如果您已经阅读了第 1 章，您将知道如何进行灯塔报告并确定图像是否是最大的问题，但您也可以在不运行灯塔报告的情况下进行检查。
如果您的图像大于 300 kb，图像将会减慢您的网站速度。
您可以使用两种方法来优化图像
优化图像可能听起来有点吓人，但是在完成几次之后就很容易掌握窍门。只需按照以下三个步骤操作：调整大小、文件类型、压缩。
第 1 步：调整大小
如果您上传 4,000 像素宽的图像，但仅显示在网站上占据页面一半宽度的小框中，则该图像的文件大小会过大。将图像大小调整为实际显示的大小是优化图像的第一步，也是最重要的步骤之一。
您可以使用 Canva.com 或 Photoshop 轻松调整图像大小。
如果您不确定图像的尺寸，请遵循以下一般准则：
- 跨越网站整个宽度的图像：宽度不超过 1600 像素。文件大小不超过 400 KB。
- 跨越网站宽度的图像：宽度不超过 800 像素。文件大小不超过 200 KB。
- 图片占网站宽度的 1/4：宽度不超过 400 像素。文件大小不超过 100 KB。
偶尔，您可能有一个非常详细的图像，需要打破此规则并具有稍大的文件大小，这样它看起来才不会模糊。没关系，只要尝试使图像尽可能小即可。
第 2 步：文件类型
两张图片可能具有完全相同的尺寸，但如果一张是 JPG，另一张是 PNG，它们的文件大小将不同。
如果您使用 Canva 调整大小：确保在下载设置中将“质量”调至 100%，这样您的图像就不会模糊。 Canva 的压缩效果不是很好。
您可能会看到一些使用 WebP 而不是 JPG 的建议。虽然 WebP 文件类型要小得多，但它们不会在较旧的浏览器上呈现。您选择使用 WebP 还是 JPG 由您决定。
第 3 步：压缩
压缩图像是进一步减小文件大小的好方法，如果做得正确，它不会影响图像质量。您可以使用 tinypng.com 在将图像上传到您的网站之前对其进行压缩。
收缩媒体 只需一步即可用于压缩图像和调整图像大小。