Web图像占用了大多数网页的大部分下载时间。但是,如果您优化您的网络图像,您将有一个更快的加载网站。有很多方法可以优化网页。最能提高速度的一种方法是让图形尽可能小。
一个好的经验法则是尝试保持单个图像不超过12KB,并且包括所有图像,HTML,CSS和JavaScript在内的网页总大小不应超过100KB,最佳不超过50KB。
为了使图形尽可能小,您需要使用图形软件来编辑图像。您可以使用图形编辑器或使用Photoshop Express编辑器等在线工具。
以下是评估图像并缩小图像的一些提示:
图像格式是否正确?
网络只有三种图像格式:GIF,JPG和PNG。他们每个人都有一个特定的目的。
- GIF - 使用GIF格式的平面彩色图像。这些是只有几种颜色的图像。
- JPG - 使用JPG格式拍摄照片。这些是具有数百万种颜色的图像。
- PNG - 如果您不需要在移动设备上显示图像,请使用PNG格式。它们适用于平面颜色和摄影图像。最好将图像保存为PNG和JPG或GIF,然后使用较小的版本。
图像尺寸是多少?
使图像变小的简单方法就是做到这一点,让它们变小。大多数相机拍摄的照片都比普通网页可以显示的大。通过将尺寸更改为大约500 x 500像素或更小的值,您将创建一个较小的图像。
图像是否被裁剪?
接下来你要做的就是确保图像尽可能紧密地裁剪。裁剪得越多,图像越小。裁剪还有助于通过删除无关背景来定义图像的主题。
你的GIF使用了多少种颜色?
GIF是平面彩色图像,它们包括图像中存在的颜色索引。但是,GIF索引可以包含比实际显示的颜色更多的颜色。通过将索引缩小为仅图像中的颜色,可以减小文件大小。
你的JPG设置了什么质量设置?
JPG的质量设置从100%降至0%。质量设置越小,文件越小。不过要小心。质量会影响图像的外观。因此,选择一个不太难看的质量设置,同时仍然保持较低的文件大小。