让我们直接使用它CSS风格取代图片来实现修改效果！例如：半透明、圆角、阴影、亮点、渐变等。这些主流浏览器可以得到完美的支持，我们不会完全抛弃那些低端浏览器，渐进增强这是一个很好的解决方案。至于什么是逐渐增强，这里就不用太多空间来解释了。如果您感兴趣，可以参考CSS渐进增强在web例子常用于生产。
高端网站建设"/>
高端网站建设
基本上，内容图片大多是照片或图片构成复杂的情况，适用于JPEG。如网站中的Banner图、轮播图、大尺寸背景图等。
修饰图片通常更适合无损压缩PNG。而我们主要用到的PNG图片又分为PNG-8和PNG-24两种，PNG-8格式不支持半透明，也是IE6 兼容的图片存储模式。半透明或全透明背景，对图片质量要求较高，保存成PNG-24更合适。有时候会遇到。IE6下应用PNG-24关于 的图片IE6下PNG Alpha透明的解决方案可以参考IE6中PNG Alpha透明。我在项目中常用的方法是AlphaImageLoader筛选器。
CSS Sprites，将相同类型的图标或按钮等背景图集成到大图中，以减少页面请求。
Icon Font，将图标制作成字体文件。优点是图标支持多个尺寸，与所有浏览器兼容，减少页面要求。缺点是只支持纯色icon。
SVG，矢量图对于大多数图案和图标来说更小，可以在不生成多套图的情况下缩放。现在主流浏览器支持SVG所以可以放心使用！
图片压缩工具可以在图片上线前用压缩工具压缩，以获得更高的压缩比。我常用的压缩工具是Yahoo的Smush.it。
