建设高端网站时图片和动画怎么处理

打造高端网站要注意很多细节问题，不仅仅是页面的布局，文章的内容，还有各种元素的设计，代码的规划化写法，都会对高端网站的结果产生影响。

而在这其中，图片和动画是对网站效果影响最大的两种重要元素，图片和动画如果使用方法不恰当，会很容易拉低网站的档次。那么，一般在制作高端网站之时，如何处理图片和动画?

1.图片格式选择

对于具有简单形式(例如图示)的计算机生成图像，首选PNG格式，对于色彩丰富的照片，JPEG是首选。如果没有很多颜色并且没有渐变，则应使用GIF格式。GIF最多可以容纳256种颜色，几乎适用于除照片之外的所有图像。 它还具有生成简单动画和透明图像的能力。

2.判断文件质量

可以通过Photoshop或Fireworks的导出，比较各种参数。选择标准是文件应尽可能小，同时确保可接受的图像质量。颜色的选择应参考统一的标准，例如视觉识别(VI)系统。颜色的数量和效果是决定图像格式的重要因素，例如，颜色渐变通常会产生很多颜色。

3.确定尺寸

尺寸使用矢量创建工具制作的图像通常适合保存为PNG格式，其大小应在矢量绘图工具中确定。变成点阵图后，别再对其进行放大和缩小。值得注意的是，在Fireworks中创建的PNG文件包含可编辑信息，例如图层、线条、形状和文本都是矢量图形。

要将此类图像应用于网站，应该首先执行输出操作以压缩文件大小，并且由于丢失可编辑的信息，输出的PNG图像也将转换点阵图。通常，放置在网站上的图片应控制在相对较小的尺寸。如果它与文本混合，则宽度应在300像素左右。即使单独显示，宽度也应小于600像素。

4.设置透明度

GIF只是将一种或几种颜色设置为完全透明，而不考虑相邻渐变颜色的透明性。这意味着，如果背景颜色发生显着变化(或最初包含几种对比颜色)，则在与透明部分的连接处将没有平滑过渡，并且将出现清晰的分界线。

如果要创建透明的GIF，则必须将画布背景色，设置为与目标效果的背景色相同(或接近)。PNG没有这个问题，它也可以设置半透明性。