网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

ps导出渐进式jpg 来提升用户体验

用声音读出全文关注我吧
 2018/2/1 16:38:15 阅读次数:115

1、概述

jpg格式分为:Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据,扩展名也是相同的,唯一的区别是二者显示的方式不同。

Baseline JPEG(标准型)直观感觉为:

Progressive JPEG(渐进式)直观感觉为:

 

两种格式区别

渐进式图片带来的好处是可以让用户在没有下载完图片就可以看到最终图像的大致轮廓,一定程度上可以提升用户体验。

另外渐进式的图片的大小并不会和基本的图片大小相差很多,有时候可能会比基本图片更小。

 

2、生成Progressive JPEG(渐进式)

在photoshop中有“存储为web所用格式”,打开后选择“连续”就是渐进式JPEG。


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭