作为网页的基本元素,图片是影响页面加载速度的关键因素之一。和图片相关的网站优化技术有 CSS Sprites(图片合并)、延迟加载、图片渐进增强等等。下面向大家分享网页图片优化的一些优秀工具和技巧。
TinyPNG
TinyPNG 使用智能有损压缩技术,以减少 PNG 文件的大小。
Smush.it
Smush.it 通过删除图片文件中的不必要的字节信息来减少图片尺寸。
OptiPNG
OptiPNG 是一款 PNG 图片压缩工具,不会丢失信息。
ImageOptim
通过找到最好的压缩参数,消除不必要的注释和颜色配置文件,可以处理 PNG、JPEG 和 GIF 动画图片。
CodeKit
CodeKit 可以帮助你建立更快,更好的网站,它也可以帮助你优化图像。
imgo
imgo 是一种无损图像自动优化工具。能够把一个文件夹中的图像最大程度的优化。
jQuery Lazyload
用于延迟图片延迟加载的 jQuery 插件。
图片优化文章推荐
Smashing Magazine – Optimize Images With HTML5 Canvas
Smashing Magazine – Clever JPEG Optimization Techniques
Smashing Magazine – Clever PNG Optimization Techniques
The Smashing Book – Performance Optimization for Websites
A List Apart – Responsive Images and Web Standards at the Turning Point
A List Apart – Using SVG for Flexible, Scalable, and Fun Backgrounds, Part II
A List Apart – Using SVG for Flexible, Scalable, and Fun Backgrounds, Part I
Six Revisions – The Comprehensive Guide to Saving Images for the Web
Six Revisions – JPEG 101: A Crash Course Guide on JPEG
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
更新日志
- 群星.2008-爱上合唱80s-90s黄金年代2CD【华纳】【WAV+CUE】
- 戏班-玩皮【FLAC分轨】
- 罗大佑与OK男女合唱团.1995-再会吧!素兰【音乐工厂】【WAV+CUE】
- 吴秀波.2000-爱之战【中唱】【WAV+CUE】
- 《明日方舟》×《迷宫饭》宣布联动!新干员即将推出
- 《老头环》DLC发布新宣传图 展现燃烧柳条人新细节
- 《剑星》女主服装被“和谐” 玩家怒喷官方不信守承诺
- 《黄品源17CD合集》[WAV+CUE][8.4G]
- 《萨顶顶10CD合集》[WAV+CUE][5.2G]
- 野人《疯狂的士高》3CD[WAV分轨][1.8G]
- 叶世荣.2015-引以为荣EP【达意美施】【WAV+CUE】
- 张德兰.2012-重遇【新世纪】【WAV+CUE】
- 王菲.2009-阿菲正传3CD【新艺宝】【WAV+CUE】
- 詹雅雯.2003-想厝的人【大信唱片】【WAV+CUE】
- 周柏豪.2011-本体分裂(EP)【华纳】【WAV+CUE】