网页优化工具与使用技巧分享

图像作为网页的基本元素，是影响页面加载速度的关键因素之一。有许多图片的相关技术，如CSS sprites（图片合并），延迟加载，和图像渐进增强，等这篇文章的实用工具和技巧的网页优化。
作为一个网页的基本元素，图片是影响网页加载速度的关键因素。图像相关的网站优化技术，包括CSS sprites（图片合并），延迟加载增量，图像增强，等等。这里有一些最好的工具和技术，网页图像的优化。

tinypng

TinyPNG用聪明的有损压缩技术减少PNG文件的大小。
Smush.it

Smush.it减小图片的尺寸的图片文件删除不需要的字节信息。
optipng

optipng是PNG图像压缩工具，不会丢失信息。
imageoptim

PNG、JPEG和GIF动画图片可以通过寻找最佳的压缩参数来处理，消除不必要的注释和颜色配置文件。
CodeKit

CodeKit可以帮助你建立更快更好的网站，它可以帮助你优化图像。
伊姆河

im是一种自动图像优化工具，用于无损图像。最大化文件夹图像的能力。
jQuery lazyload

延迟图像延迟加载的jQuery插件。
照片优化文章推荐

粉碎杂志——用HTML5画布优化图片

粉碎杂志-聪明的JPEG优化技术

粉碎杂志-聪明的PNG优化技术

粉碎的书-性能优化网站；

一张清单——在转弯处的反应图像和网络标准

一个列表——使用SVG进行灵活、可伸缩和有趣的背景。

一个列表——使用SVG进行灵活、可伸缩和有趣的背景。

六个修订版——为网络保存图像的综合指南

六个修订版JPEG 101：速成教程JPEG教程