我正在尝试使我的图像针对谷歌页面速度测试进行优化。我有一个 1200x393 尺寸的图像。当我使用 Photoshop 优化图像时,它的大小约为 250kb,而使用 Corel 时,它变成了 100kb。谷歌也不接受。它说 Compressing and resizing ... .jpg 可以节省 92.6KiB(减少 90%)。
如何通过页面速度测试?
我正在尝试使我的图像针对谷歌页面速度测试进行优化。我有一个 1200x393 尺寸的图像。当我使用 Photoshop 优化图像时,它的大小约为 250kb,而使用 Corel 时,它变成了 100kb。谷歌也不接受。它说 Compressing and resizing ... .jpg 可以节省 92.6KiB(减少 90%)。
如何通过页面速度测试?
从图像优化:
图像优化归结为两个标准:优化用于编码每个图像像素的字节数,以及优化像素总数:图像的文件大小只是像素总数乘以用于编码每个像素的字节数. 不多也不少。
因此,最简单和最有效的图像优化技术之一是确保我们发送的像素不会超过在浏览器中以预期大小显示资产所需的像素。听起来很简单,对吧?不幸的是,大多数页面的许多图像资产都未能通过此测试:通常,它们运送较大的资产并依赖浏览器重新调整它们 - 这也会消耗额外的 CPU 资源 - 并以较低的分辨率显示它们。...
您应确保将不必要的像素数量降至最低,尤其是您的大型资产尽可能接近其显示尺寸
常见错误是在源中有大图像并在 UI 上使用width
和属性将其缩小。height