在做网站的过程中，我们在视觉效果以及用户体验上面，需要做一些平衡。首先，动画和图片用于网站建设和后续操作，因为动画和图片相对所占内存较大，因此如果处理不当，将会影响页面的加载速度。 那么如何在网站建设中处理动画和图片呢？ 本文将向您介绍此问题。

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

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

3.尺寸使用矢量创建工具制作的图像通常适合保存为PNG格式，其大小应在矢量绘图工具中确定。 变成点阵图后别再对其进行放大和缩小。 请注意，在Fireworks中创建的PNG文件包含可编辑信息，例如图层、线条、形状和文本都是矢量图形。 要将此类图像应用于网站，您应该首先执行输出操作以压缩文件大小，并且由于丢失可编辑的信息，输出的PNG图像也将转换点阵图。

通常，放置在网站上的图片应控制在相对较小的尺寸。 如果它与文本混合，则宽度应在300像素左右。 即使单独显示，宽度也应小于600像素。 高度不得超过一个屏幕。

4. GIF只是将一种或几种颜色设置为完全透明，而不考虑相邻渐变颜色的透明性。 这意味着，如果背景颜色发生显着变化（或最初包含几种对比颜色），则在与透明部分的连接处将没有平滑过渡，并且将出现清晰的分界线。 如果要创建透明的GIF，则必须将画布背景色设置为与目标效果的背景色相同（或接近）。 PNG没有这个问题，它也可以设置半透明性。

关于网站动画和图片的处理，本文从四个方面进行介绍。 原则上，处理图片的要求是确保动画和图片的尺寸尽可能小，因为这将加快加载速度，提前是保证画质；特别注意不要直接使用相机拍摄的原始照片。 这些照片通常为数兆字节，并且加载速度很慢。