做博客的时候,如果图片很大的话,不仅仅页面打开很慢,而且会导致服务器流量消耗过多。这每一兆流量都是钱啊!虽然一张图片不是很大,但是图片一多起来,那就真的是看着银子从自己的钱包里溜走。那怎么办呢?

为了加快网页加载的速度,并且减少服务器的存储空间占用,我采用了腾讯云的对象存储服务(COS)来存储图片资源。

分析可以发现,其实图片尺寸过大是导致体积增大的原因之一。读者其实很多时候只要能看得清楚你的图片长啥样就可以了,不需要特别高质量。当然,如果是摄影博客的话,图片的压缩就不能压缩的那么厉害了。

这里我们可以采用光影魔术手来压缩。我们可以在光影魔术手里按比例压缩图片尺寸,并且在输出图片的时候,调整图像质量。那么可以达到不错的压缩效果。

然后,还有另一种压缩图像的方法。这种主要是针对线稿图的。我们可以意识到,线稿图是可以很方便地用矢量来表示的,所以,只要把线稿图以矢量图的格式输出,那么就可以节省不少空间。

网页使用的矢量图的格式是svg,我们可以在visio或者Adobe Illustrator中导出svg文件,那么就能在保证很高的显示质量的同时,压缩文件体积。

下面是线稿图的压缩前后对比:

还有一种压缩方式是把png转成jpg,减少了alpha通道,文件体积能得到一定的压缩。

你也可能喜欢

发表评论