压缩图像
对于移动网站,建议每页总大小不超过 500 KB。这可以通过压缩图像并从光栅图像中删除不必要的元数据来实现。
使用网站速度测试的图像分析工具或页面重量 imgIX 等工具,您可以检查网站上的图像并查看压缩选项。
如果您考虑减小页面上的图像尺寸,
背景图像: 这个非常明显。确保所有背景图像都有其用途,而不会降低网站速度。
屏幕截图: 不要让热情的产品团队说服您上传未压缩的图像:即使图像 马来西亚电话号码库 尺寸较小,也完全可以实现高图像质量。
徽标、图标和品牌: 这些类型的图像很容易被忽视,因为它们在页面上看起来很小。然而,如果您不小心,您很容易就会以高分辨率上传这些图像。
有许多工具可用于压缩图像,例如TinyPNG、Compressor.io、
GIMP在新标签页中打开
或者 Photoshop在新标签页中打开
。在 Photoshop 中,您可以使用“存储为 Web”或“导出为”选项调整图像大小。
使用正确的图像文件类型
JPEG 图像通常更有利于提高页面速度,因为它们可以进行更多压缩。尽可能使用 JPEG,尤其是照片。
但是对于色彩较少、线条清晰的图像,压缩为JPEG格式时质量损失可能太大。 PNG 通常更适合软件截图,但请务必亲自测试哪种格式最适合您的特定用例的质量和页面速度。
另一方面,SVG 文件是在多种设备上显示的最佳格式,因为分辨率和缩放比例并不重要。但请记住,对于 SVG 图像,所使用的代码不应比其他选项更大。通常,SVG 格式非常适合徽标等。