论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Dreamweaver教程
Tag:Dreamweaver CS,Dreamweaver 8,css,表格,布局,字幕,flash,声音,菜单,乱码,图层,行为,视频教程

Dreamweaver教程:PNG24图片的压缩技巧二

文章类别:Dreamweaver | 发表日期:12-07-27

Dreamweaver教程:PNG24图片的压缩技巧二

3、 PNG 、GIF 、JPG图片对比

   
在我们进行图像优化技术前,需要学习有关的图片格式的一些技术细节。每个图形格式都有自己的优势和弱点,知道他们会使你得到更好的视觉质量和压缩品质。


网页图片优化是网页加速中非常重要的一步,对图片进行压缩,不仅能够节约带宽,并且加快网页的速度。我们常用的图片编辑软件都可以在压缩图片。

PNG-8 的高压缩比
   
切图时,有时选择 PNG-8 可以获得更高的压缩比。注意,是 PNG-8,不是 PNG-24。不过有些情况下还是 GIF 或 JPG 会小一些,需要根据实际情况调试以选择最佳方案。

PNG-24 的优化技巧,使用色调分离:
   
拿微博左侧导航的小icon为例,压缩后的图像大小对比如下图:

PS色调分离的操作步骤如下:

对比大小:

使用工具优化后,还能够小一些:

请注意,上图中原本是GIF格式的图片被改为了PNG格式。所以,在使用工具优化时后需要再查看一下文件格式是否被更改,避免漏过某些图片没有优化。

视频教程列表
文章教程搜索
 
Dreamweaver推荐教程
Dreamweaver热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058