做为网页页面的基础元素,照片是危害网页页面载入速率的重要要素之1。和照片有关的网站提升技术性有 CSS Sprites(照片合拼)、延迟时间载入、照片渐进提高这些。下朝向大伙儿共享网页页面照片提升的1些出色专用工具和技能。
TinyPNG
TinyPNG 应用智能化不利于缩小技术性,以降低 PNG 文档的尺寸。
Smush.it
Smush.it 根据删掉照片文档中的无须要的字节信息内容来降低照片规格。
OptiPNG
OptiPNG 是1款 PNG 照片缩小专用工具,不容易遗失信息内容。
ImageOptim
根据寻找最好是的缩小主要参数,清除无须要的注解和色调配备文档,能够解决 PNG、JPEG 和 GIF 动漫照片。
CodeKit
CodeKit 能够协助你创建更快,更好的网站,它还可以协助你提升图象。
imgo
imgo 是1种高质量图象全自动提升专用工具。可以把1个文档夹中的图象最大水平的提升。
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