转换网站所用图片格式——提高网页加载速度

简介

为了提高网页的加载速度,让用户有一个很好的浏览体验,就要想各种办法对网站进行优化。随着网站使用时间的增加,会积累越来越多的图片。在保证图片不失真的情况下,如何降低图片大小这是一门学问。尤其是对于拥有大量图片的网站,做好图片的优化就显得十分重要了,甚至能够帮助站长节省流量。

图片格式

现在网站主要使用两种格式的图片:

  • JPG(JPEG)格式:这是一种真彩图片,在许多对颜色要求很高的场合,比如:摄影,人物形象、产品细节等。JPG格式的图片是有损压缩类型,因此在进行压缩处理的时候会造成一些像素的丢失,这在要求很高的情况下不宜采用;
  • PNG格式:这种格式也很常见,它适用于颜色比较单一的场合,比如网站的logo、小图标等。想制作透明图片也是采用这种格式。PNG格式的图片是无损压缩类型,它压缩后的文件比较大。

所以知道图片格式的区别,就要好好利用不同的格式做不同的事。

方法

这里介绍一种能够将图片处理成web和设备所用格式的图片,这种处理方法能在不改变像素大小的情况下,降低整个图片的大小。

  • 工具:Photoshop

首先,我们以一张图片为例:

《转换网站所用图片格式——提高网页加载速度》

我们首先看下这张PNG图片的大小和像素大小:

《转换网站所用图片格式——提高网页加载速度》

《转换网站所用图片格式——提高网页加载速度》可以看出为1.41MB,像素值为1329*754,如果要求不高的话,这么大的图片是不适合在网站上使用的,因此就很有必要降低它的大小。

接下来我们通过Photoshop打开这张图片,在菜单栏的【文件】中选择【存储为web和设备所用格式】,打开后如下图所示:

《转换网站所用图片格式——提高网页加载速度》

点击【存储】。然后我们再来查看下图片的大小和像素大小:

《转换网站所用图片格式——提高网页加载速度》
《转换网站所用图片格式——提高网页加载速度》

此时,这张图片就变成了387KB,足足小了3.6倍,然而它的像素值并没有发生变化。

总结

我们介绍了一种处理网站图片的方式,能够有效降低图片文件的大小,并且保持像素值不发生变化,保持图片的清晰度。这种方式能使网站加载图片的速度大大提高。

点赞

发表评论

邮箱地址不会被公开。 必填项已用*标注

3 + 3 =