《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度

凯恩 387 1

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第1张图片-凯恩博客

我们做网站都知道,如果图片文件太大会影响打开速度,那么如何压缩,不改变清晰度,又能保证图片质量呢?

本期《凯恩随笔》叫大家用PS(photoshop)来压缩图片,这样的图片上传到网站上,能提高网页打开速度,而不用等待加载图片,也不浪费服务器的存储空间。

图片是由像素组成的,我们在电脑安装PS后,打开它。

在PS里面打开你想要调整图片大小的图片:

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第2张图片-凯恩博客

点击【导航菜单】中的【图像】再选择【图像大小】

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第3张图片-凯恩博客

就能出现这个宽度x高度(单位是像素的界面)

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第4张图片-凯恩博客

宽度1000像素,就代表这个图片其实挺大,在电脑屏幕在网页上占据了一般多的比例。我们一般网站的图片宽度建议是在800像素以内。

特别是我们做网赚站点的朋友,凯恩博客基本上是保持在600像素以内。反正不需要图片太大,不是图库,也不是摄影和素材站点,不需要那么大尺寸的图片展示。

我想把这张图片调整到600像素,那么直接在这个数值里面输入600即可(最前面的链接符号记得选中,若是不选中图片就会变形)数值输入好点击确定就行了

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第5张图片-凯恩博客

这一步只是改变图片尺寸,那么最后一把就是压缩图片了。因为如果不压缩处理,这张图片的大小还是太大,因为网页图片基本保持在150K以内就能满足(图片素材站除外)

最后一步:如何利用PS压缩图片提高网站打开速度

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第6张图片-凯恩博客

直接看图片的箭头演示把,我就不再这里啰嗦了。存储为WEB所用格式,这就是网页常用图片的意思。

《凯恩随笔》78篇:如何用PS压缩图片提高网站打开速度-第7张图片-凯恩博客

按照上面的标注,图片格式,你可以选择JPG/PNG,任君挑选。需要注意点是,这个叫【品质】的数值,我的经验告诉我,一般600像素大小的图片,你选择50~60左右的数值,图片都不会变的模糊。

没错,【品质】这个数值就是控制图片文件大小的,数值越小文件越小,清晰度也会降低。所以,只要左下角的文件大小你满意了,而且看图片也不模糊,那就选择对应的数值就行了。

根据我的经验,一般品质选择70都没问题,图片不模糊,文件也变小了,打开网页速度也就快了。而我比较追求极致,都会控制图片文件大小在100K以内。

除非另有需求,就像本期内容的图片,都会比较大在200K左右,不过打开速度还是可以接受。

总结:

1、打开PS,导入图片

2、调整图片像素大小

3、选择web所用格式

4、调整品质数值

5、保存图片即可

这是《凯恩随笔》第78篇文章,今天你出门了吗?记得戴口罩哦……

标签: 如何用PS压缩图片

发表评论 (已有1条评论)

评论列表

2020-02-04 10:14:48

用ps太麻烦了,我直接用2345看图王