太大的图像可能会损害您的网站

学习调整Web图像的大小

网页图像占据了大多数网页的大部分下载时间。 但是,如果你优化你的网络图像,你将有一个更快的加载网站。 有很多方法可以优化网页。 最能够提高你的速度的一种方法是让图形尽可能小。

一个好的经验法则是尽量保持单个图像不大于12KB,并且包括所有图像,HTML,CSS和JavaScript在内的网页总大小不应超过100KB,最好不超过50KB。

为了尽可能减小图形,您需要有图形软件来编辑图像。 您可以获得图形编辑器或使用像Photoshop Express Editor这样的在线工具。

以下是评估图像并缩小图像的一些提示:

图像格式是否正确?

网络上只有三种图像格式 :GIF,JPG和PNG。 他们每个人都有特定的目的。

什么是图像尺寸?

让图像变小的简单方法就是做到这一点,让它们更小。 大多数相机拍摄的照片比一般网页可显示的要大。 通过将尺寸更改为大约500 x 500像素或更小的尺寸,您将创建更小的图像。

图像是否被裁剪?

接下来你应该做的是确保图像尽可能紧凑地裁剪。 越是剪裁图像越小。 剪裁还可以通过消除多余的背景来帮助定义图像的主题。

你的GIF使用多少种颜色?

GIF是平面彩色图像,它们包含图像中存在的颜色索引。 但是,GIF索引可以包含比实际显示的更多的颜色。 通过将索引仅缩小为图像中的颜色,可以减小文件大小

JPG设置的质量设置是什么?

JPG的质量设置从100%降至0%。 质量设置越小,文件越小。 不过要小心。 质量影响图像的外观。 所以选择一个不太难看的质量设置,同时仍然保持文件大小低。