网页图像切图与压缩

这里介绍的是现在流行的图像压缩工具Fireworks。确切地说,它并不是一款图像压缩软件,但它具有强大的图像压缩功能,并且,它能够一次性输出图像到网页中。由于切图功能经常用于切割使用photoshop制作的图像DEMO (在制作网页前,经常需要用图像处理软件制作首页的样式,然后使用切图软件来切割制作的图像,以便把图像的各个位置确定在页面的表格中,这样便于网站首页整体的协调。这张使用图像处理软件制作的文件称为DEMO),因此下面介绍下用DEMO来说明切割的过程。

首先,使用Fireworks打开要切图的图像文件。第二步,点击左侧工具栏中的切割按钮,在图像中画出切割的区域(区域之间不要相互重叠)。这里所说的切图实际上就是画出页面中的表格位置。因为每一个切割的图片在输出时都将被放置到与图片大小等大的单元格中。这个步骤是由Fireworks自动完成的。当图片切割完成后,选择file/export preview,在弹出的窗口中进行输出设置。

在这个窗口中,可以选择输出图像的文件格式,可以是GIF或者JPEG。这里选择80%图像质量的JPEG格式。如果你觉得图像压缩的不够小,可以选择压缩比更大的JPEG-Smaller File或者自定义压缩比。这个压缩功能之所以强大,是因为它能够根据所选压缩比的不同, 实时地在窗口中显示按这个比率压缩后的图像。设置好输出格式后,点击export按钮,选择输出的文件夹。 点击OK后,所有图片都被Fireworks自动切割,页面不再是由一幅图片构成,而是由很多小图和表格组成的。

分类目录: 建站教程 | 标签: 网页  图像  切图  压缩   | 评论:0
上一篇: 制作抽线图
下一篇: 如何在网页中添加水印效果