本文介绍一下baseline jpeg 和 progressive jpeg
- 线性加载，自上而下
- 渐进式
- 高级浏览器相对下载起来快
- 一开始图片大小就固定，不会照成回流
- 耗cpu
具体参考：
http://www.zhangxinxu.com/wordpress/2013/01/progressive-jpeg-image-and-so-on/
http://www.biaodianfu.com/progressive-jpeg.html
zhangyaochun
- 浏览: 2560675 次
- 性别:
- 来自: 北京
-
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout（布局研究） (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom：
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王：
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988：
能提供附件下载吗，找不到js库，google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd：
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk：
试了，没用，你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
分享到：
发表评论
-
ImageMagick
2014-08-14 13:42 1134ImageMagick： 创建、编辑、 ... -
GraphicsMagick简介
2014-08-14 13:35 1149GraphicsMagick： 图像 ... -
什么是cairo
2014-08-11 20:48 1215cairo： 免费的矢量绘图软件库 ... -
关于图片滚动放大
2013-01-24 10:15 1299前面写过一篇关于滚轴的兼容，有兴趣移步这里：http:// ... -
threeJS
2013-01-23 11:25 1284three.js WebGL第三方库，提供 ... -
WebGL
2013-01-23 11:18 1249WebGL ---------- ... -
Processing.js
2013-01-18 14:09 1248Processing.js 采用js绘制形状sha ... -
Retina系列相关探究开篇
2012-12-26 12:18 1249前言： 从w3cplus上面看到一个不错的topi ... -
2012悲催的gif图片之谜
2012-12-20 19:58 18742012了，其实我们还有很多不知道，比如： gif图 ... -
图片翻转插件之二jquery-rotate
2012-11-29 17:28 1538本文继续介绍一款低成本的图片翻转插件： 官网： ... -
图片翻转插件jQuery Rotate
2012-11-29 15:46 2108jQuery Rotate插件 用途： 主要 ... -
DD_belatedPNG简介
2012-11-22 16:46 0主要解决问题： ie6的不支持png24 ... -
IE6问题整理
2012-11-22 16:34 1214问题：IE6不支持PNG24的半透明 PNG2 ... -
关于如何选择图片格式
2012-11-01 20:06 1314给出几种场景下对应的图片格式： 1、广告图片、照片、 ... -
图片格式汇总
2012-11-01 19:29 16381、jsp(JPEG) JPEG是一 ... -
css3应用之黑白图片处理
2012-10-01 14:43 1708其实在前面的一篇介绍-webkit-filter的文章中简单地 ... -
图像探究之gif速度
2012-09-21 11:21 1417本文只是记录一些结论： IE里如果一帧的时间在 ... -
优化图片利器------ Smush.it
2012-09-19 20:01 1901Smushit.com是一款在线工具，不依赖PS等图 ... -
图像探究之EXIF信息
2012-07-23 14:25 1661本文只是普及一下知识。 EXIF信息 ...
相关推荐
主要介绍了PHP把JPEG图片转换成Progressive JPEG的方法,本文同时讲解了Baseline JPEG和Progressive JPEG的区别和它们的优劣,需要的朋友可以参考下
图像的渐进加载需要用到progressive jpeg格式的文件，这里是将baseline jpeg转化成progressive jpeg的代码，可以直接用，用的Java
is-progressive - 判断一张JPEG图片是否是progressive
Compression parameter selection Decompression parameter selection Special color spaces Error handling Compressed... I/O suspension Progressive JPEG support Buffered...
支持众多媒体格式： A1:音频: MP3, MP2, AAC, H.263, WAV, OGG, Speex, WAVPACK, FLAC, MPC, TTA, AMR, ADPCM, ALaw, MuLaw, Midi A2:视频: ...JPEG, BMP, GIF, PNG (no progressive JPEG support)
今天才认识到原来JPEG文件有两种保存方式他们分别是Baseline JPEG(标准型)和Progressive JPEG(渐进式)。两种格式有相同尺寸以及图像数据，他们的扩展名也是相同的，唯一的区别是二者显示的方式不同。 Baseline JPEG ...
是渐进的检查JPEG图像是否可以用来确保图像是渐进式的，这对于提高性能非常重要： 渐进式JPEG更好，因为它们更快。 出现速度越快，感知速度比实际速度更重要。 - 该检查很快，因为它只读取文件的一小部分。安装 $ ...
Concorde：在iOS中实现Progressive JPEG 图片加载的三方库。
ITJ的jpeg库代码，支持baseline和progressive的JPEG编解码，有编码和解码示例代码
This distribution contains the sixth public release of the Independent JPEG Group's free JPEG ... This software implements JPEG baseline, extended-sequential, and progressive compression processes.
is-progressive-cli 检查JPEG图像是否 可以用来确保图像是渐进式的，这对于提高性能非常重要： 渐进式JPEG更好，因为它们更快。 出现速度越快，感知速度比实际速度更重要。 - 该检查很快，因为它只读取文件的一小...
it should also provide desirable functionalities such as progressive transmission in terms of image fidelity as well as resolution, scalability, region-of-interest coding, random access, error ...
JPEG标准中规定了4种压缩模式[15]：顺序编码（Sequential encoding），渐进编码（Progressive encoding），等级编码（Hierarchical encoding），无损编码（Lossless encoding）。应用最为广泛的为基于DCT变换的顺序...
先决条件例子import cv2from turbojpeg import TurboJPEG , TJPF_GRAY , TJSAMP_GRAY , TJFLAG_PROGRESSIVE# specifying library path explicitly# jpeg = TurboJPEG(r'D:\turbojpeg.dll')# jpeg = TurboJPEG('/usr/...
软件介绍 一款非常小巧的图像浏览和编辑的软件，使用者可以将一堆图片全部放在同一个文件夹里，FineView可以将所有的文件...使用者只要按一个按钮，就可以执行了，还支持Progressive-JPEG及Interlaced-PNG格式的读写
progressive scan • Integrated image flow processor (IFP) for single-die camera module • Automatic image correction and enhancement, including lens shading correction • Arbitrary image decimation ...
JPEG2000。其它无损图像格式支持渐进解码（progressive decoding），即下载压缩图像的同时就能开始解码，但根据不同无损格式其效果存在差异。开发者称FLIF支持渐进交错（progressive interlacing），下载一小部分...
压缩比在JPEG基础上提高10%-30%。而压缩后的图 像显得更加细腻平滑 局部分配压缩比，重点区域/低压缩比； 非重点区/高压缩比 渐进传输[Progressive Transmission] 先传轮廓，然后逐步传输细节数据，提高图像...
haaThumb haaThumb是timthumb（lite）的包装，允许使用更漂亮的SEO友好URL。 用法示例 使用htaccess重写： ... <td>Jpeg images are default progressive, Use conservative for disable progressive 钥匙