7 S+ r7 L$ x* I; Q; H0 _, M* k' R/ ~( j
g、像素图。尽量使用像素处理，例如一些边框、小图标，会使图片的字节数大大减少，显示快，容易透明处理。+ i+ P0 N# C! G

% R) c- _  q5 S* U7 z5 z: ]5 N8 w( W+ }3 _& @8 m0 L: \) e, n6 Q
8 N2 j6 l3 v* G- w$ O; P$ w7 L# ]- D3 v
3、切图9 i9 J4 f& C; m, g) `! D
切图要在imageready中完成，先要把完稿的作品保存，最好还要做一个备份，然后跳转到imageready工作。
  Z* o3 X% W' H5 i  }6 ka、有朋友切图时要合并图层，这是没有必要的，图层合并了，以后修改和编辑都麻烦，而且有时候切图还要按一些图层的大小定位来做，例如要切出一个468x60的广告横标，你可以把这个横标的图层载入选定区域（load selection），然后从菜单select把选定区域转换成切片（create slices from selection）。
  V. j5 K  P: l! M% `! H0 ^2 Yb、不要把整个版面同时切图。一般来说，头部的色彩很丰富，而中间和底部的色彩比较少。例如一个版面头部的切片，调色板可能要256种颜色，而中间和底部只要18色就能搞定，如果同时切片，就变成同一个调色板，中间的部分也使用了256色，就会使文件大小增加，但如果折中，让头部256色减少为128色或32色，又会影响效果。所以要分别处理，方法是在ps中分别选择头部、中间（中间有时候还可以分出几个板块）、底部，裁切，另存为几个不同文件，然后切图。; t4 N8 j' G1 C, ~$ L- x/ m
c、切图要考虑清楚，你准备使用<div>来定位还是使用<table>定位，不同的html图片分割是不同的。
6 S- F  Q1 k1 |- G8 C( ~, M例如新阳江网站的两边灰色框，如果使用<div>来做，背景图只要切一个高1像素宽791像素的背景图，而如果使用<table>，就要切出左边背景和右边背景。
+ J, Z$ n1 C9 a0 B. w) j7 F8 G# M8 e) b. i+ A3 V( x# [
2 |" c7 U: ?- A8 F& w
+ `9 c9 N7 n- t
d、gif和jpg。在同一个文件中切图，photoshop是允许不同的切片使用不同的文件格式的，但gif格式和jpg格式结合的地方，有时候肉眼都能可能看出颜色的差别，所以同一部分的切图最好使用同样的格式。颜色较少、较单纯的图片，文字图片，从矢量图转过来的小图标、边框背景等图片，一般用gif格式比较好，文件小，颜色不失真。摄影图片、三维软件做出来的彩色立体文字，一般用jpg格式。如果切片是准备做flash用的，文字部分和矢量图标等就不用了，在flash中使用字体和矢量图比做成位图占用的字节小，动画效果更流畅。% o0 Y* x4 m1 q2 {+ Q  Z$ ^0 |8 h
e、有链接的图片。有链接的图片处理方法很多，你可以每个链接切一个图片，也可以切一个大图，在网页编辑器里面编辑的时候添加链接热区。+ A# m5 V2 T; D# r2 @$ y) j* ?
现在更好的做法是使用文本链接，把图片变成背景就行了。$ a) J5 b) u7 l4 b) P

4 j+ a+ V  U( W# v+ w1 n( g8 E. G. N图片链接还可以用flash来做，可以有很酷的动态效果，切一个大图，倒入flash文件中作为背景层，上面添加透明按钮就可以了。要注意的是flash里面的图片，可能会与页面其他图片的色调有些差异，位置也有一个像素的位移，一定要小心处理。
0 V# z$ F$ n: z; @8 M; E$ M
6 j3 ~' Y* |! t8 p, @; A$ ^! ?3 s" o" l/ U: s( ^

! Z# Y( x# n( i' {0 M  p使用了图片或flash作链接，对搜索引擎支持都不大好，作为补救措施，你可以在页面其他内容使用一些文本链接引导搜索引擎找到这些页面。

上一页  [1] [2]