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

104次阅读
没有评论

共计 674 个字符,预计需要花费 2 分钟才能阅读完成。

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

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 的图,很多人直接把这样保存出来的图片上传到网站去使用,结果这种图非常的大。

正文完
 
丸趣
版权声明:本站原创文章,由 丸趣 2023-05-23发表,共计674字。
转载说明:除特殊说明外本站除技术相关以外文章皆由网络搜集发布,转载请注明出处。
评论(没有评论)