• 首页
• 服务器租用
• 企业邮箱
• 虚拟主机
• 网站程序
• 营销推广
• 网站建设
• 域名注册
• 前端开发
• 网站备案

• 当前位置：创新互联 >> 常见问题 >> 网站建设 >> 网站制作 >> 网页图像切图与压缩

网页图像切图与压缩

• 作者：创新互联 文章来源：网站建设部 点击数： 更新时间：2010-04-06
• 　　这里，小编将会跟大家介绍一种现在很流行的图像压缩工具Fireworks。确切地说，它并不是一款图像压缩软件，但它具有强大的图像压缩功能，并且，它能够一次性输出图像到网页中。由于切图功能经常用于切割使用photoshop制作的图像DEMO(在制作网页前，经常需要用图像处理软件制作首页的样式，然后使用切图软件来切割制作的图像，以便把图像的各个位置确定在页面的表格中，这样便于网站首页整体的协调。这张使用图像处理软件制作的文件称为DEMO)，所以小编接下来就用DEMO来说明切割的过程。
  
  　　首先，使用Fireworks打开要切图的图像文件。
  
  　　第二步，点击左侧工具栏中的切割按钮，在图像中画出切割的区域（区域之间不要相互重叠）。这里所说的切图实际上就是画出页面中的表格位置。因为每一个切割的图片在输出时都将被放置到与图片大小等大的单元格中。这个步骤是由Fireworks自动完成的。
  
  　　第三步，当图片切割完成后，选择file/exportpreview，在弹出的窗口中进行输出设置。
  在这个窗口中，可以选择输出图像的文件格式，可以是GIF或者JPEG。这里选择80%图像质量的JPEG格式。如果你觉得图像压缩的不够小，可以选择压缩比更大的JPEG-SmallerFile或者自定义压缩比。这个压缩功能之所以强大，是因为它能够根据所选压缩比的不同，实时地在窗口中显示按这个比率压缩后的图像。设置好输出格式后，点击export按钮，选择输出的文件夹。点击OK后，所有图片都被Fireworks自动切割，页面不再是由一幅图片构成，而是由很多小图和表格组成的。
  
  　　小编记得以前在学校的时候，网站设计老师就跟我们说过，但网站上需要一张大图片来进行装饰效果时，就需要把这张大图片切割成小图片，以此给浏览者最好的浏览效果。
• 网站设计：网站设计中动画如何分类 :上一篇
  什么网站算好站? :下一篇