主题:  fw切图

baobao125

职务:普通成员
等级:1
金币:0.0
发贴:5
#12005/2/16 10:14:53
ps做得网页模板在fw如何切片 才能使导出得图不至于那么模糊 是否是图片优化得问题 正确优化图像得选择步骤又孩是怎样得呢?



Juven

职务:普通成员
等级:2
金币:1.0
发贴:474
#22005/2/18 0:35:45
这里转录一些切片的经验心得,具体讨论请参阅相关贴:
flashas切片经验心得http://www.5dm.cn/bbs/topic.asp?topicid=8457
  切割网页主要是为了加快网页的下载速度,减少用户的等待时间!注意的主要方面有:
  1.同色区域用一个切片,线性渐变做成背景。
因为图片的大小比网页代码要大,所以尽量减少使用图片,同色的图片可以在网页中用表格背景色代替,而线性渐变可以用背景平铺。

  2.尽量不要套在一个表格中。
  因为网页下载的原理是一个表格下载完时,内容才从缓存调出的,所以当你用一个表格嵌套全部内容时,网页的下载过程中,访问者可能看到的全部都是空白。所以切片时,可以将一个图片分成几个部分分别导出网页,再在dw中排版。

  3.导航和字体要放在一个切片中。
  由于初学者对表格的控制不是很好,所以在进行表格排版时会出现缝隙或错位。所以根据我的经验,像导航和文字等结合比较紧密的部分尽量放在一个切变中,到时即便出现错位也不会影响用户的使用。

  4.不同的部分用不同的格式输出。
  网页常用的格式有GIF和JPG两种,选择合适的格式,才能找到大小和效果的平衡点,一般情况下,照片、渐变色和阴影用jpg,而色彩比较简单的和透明背景的用GIF。

关于FW图片切片技术的一点心得补充~http://www.5dm.cn/bbs/topic.asp?topicid=427
今天看到贵版的切片教程,对于新手老说是好东东哈:)

对于大图的切割,我自己认为能规则的切就规则的切,不要随心所欲的切。。。之所以这样说,是因为通常切片后,我都不怎么用FW自动生成的HTML表格。。

我们可以先看看FW自动生成的表格的结构(没有经过特殊设置的):

假如一幅图切了两行,第一行是三块图,第二行是两块图,这五副切片的宽度都不一致,那么输出后自动成的表格将会是3行6列的一个大表格。我们发现每个放置切片图的单元格是没有设置固定的width和height参数的,实际上对于单元格尺寸的控制,FW使用了透明图片填充的技巧,在表格的最后一行和最后一列,用了若干个固定尺寸的单元格,这些单元格里用了一个spacer.gif的图片,这也就是我们通常看到FW自动生成的切片源码及文件中会出现这个很小的图片的原因。

再仔细分析一下这个没有嵌套的大表的原理,会发现FW会以行(列)中宽度(高度)最小的一个切片为最小单位,来生成这个表格有多少列多少行,也就是说,上面的切片例子中明明只是5个切片图,却没有用一个2行3列的图来进行布局的原因(事实上在DW中手动进行表格设置的话,也很难达到无缝效果)

这样的话,我们如果对某一个切片的大小进行调整时,就需要对整个大表进行重新输出,对于精益求精的设计者来说,频繁的改动是件很痛苦的事。
.......