我正在努力让我的图片针对google pagespeed测试进行优化。我的图像尺寸为1200x393。当我用Photoshop优化图像时,它的大小约为250kb,而Corel则为100kb。谷歌也不接受。它说压缩和调整大小...... .jpg可以节省92.6KiB(减少90%)。
如何通过pagespeed测试?
答案 0 :(得分:1)
图像优化归结为两个标准:优化数量 用于编码每个图像像素的字节数,并优化总数 像素数:图像的文件大小就是总数 像素乘以用于编码每个像素的字节数。没有 更多,没有更少。
因此,最简单也是最简单的一个 有效的图像优化技术是确保我们不是 运送比显示资产所需的像素更多的像素 浏览器中的预期大小。听起来很简单吧?不幸, 对于他们的许多图像资产,大多数页面都未通过此测试:通常, 他们运送更大的资产并依靠浏览器重新调整它们 - 这也消耗了额外的CPU资源 - 并以较低的价格显示它们 解析度。 ......
你应该确保不必要的数量 像素是最小的,特别是你的大资产 尽可能接近显示尺寸
常见错误是在源代码中包含大图像,并在UI上使用width
和height
属性进行缩放。