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