谈谈网页图片访问速度优化技巧

华峰博客 332

网页加速和优化的手段方法有很多,一般要对症下药的找出问题才能更好的去解决问题,但是在一些情况下,由于很多的前端人员和程序并不太了解图像,存在图片使用不当的问题导致网页过大从而影响网速和用户体验的情况经常发生。今天就来说一说关于网站用图规范的问题吧。

谈谈网页图片访问速度优化技巧

1、需要多大尺寸的图就用多大尺寸的图,按需裁剪简单举个例子吧,比如网页中有个banner图广告位,需要的是820px*200px的图,那么就必须要按照规则来给这个尺寸的图,不能给大图或者是小图,很多人发现其实传一张大尺寸的图也是可以正常显示的,或者传一张相同比例的图也可以正常的使用,因为一般网页中会用css去定义图片的尺寸,大图或者是小图就会被压缩的相应的尺寸显示,但是这个仍然是大图,其实这是不规范的。所以必须要提供正确的尺寸图。

谈谈网页图片访问速度优化技巧

2、图片在保存的时候一般选择存为web所用格式在PS中使用ctrl+shift+alt+s即可保存图片,存为web所用的格式,注意这里建议选择质量度图片品质建议在75%所有为最佳,这个时候的图片特别小,而且图片图片清晰度相对没有明显的失真情况。所以我们建议在ps中保存图片的时候记得选择保存方式。对比同一张原图,品质为100,品质为75的图片大小分别是641kb,54kb,33.3kb,然而他们的清晰度几乎无明显的区别。

谈谈网页图片访问速度优化技巧

3、一般建议使用jpg格式的,非png格式除非特别需求,否则我们建议选择保存图片为jpg格式即可,这种格式非常的小巧,清晰度也够,一般qq之类的截图软件截图会保存为png的图,很多人直接把这样保存出来的图片上传到网站去使用,结果这种图非常的大。

上一篇:

下一篇:

  同类阅读

分享