建设高端网站时视频与图片如何处理

一个网站中不可能全部是文字信息，而是要各种因素相结合，才能让网页变得更加丰富和充实。在这种其中，视频和图片，往往会成为一个网站中不可或缺的重要元素。

然而，网站使用图片和视频，并不是毫无限制的。一旦使用了错误的方式，那么会严重加大网站的累赘，访问异常困难，直接降低用户体验，也会影响SEO优化。

那么，面对这种情况，应该如何处理图片与视频?

1.文件格式

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

2.统一颜色标准

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

3.图片处理

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

要将此类图像应用于网站，您应该首先执行输出操作以压缩文件大小，并且由于丢失可编辑的信息，输出的PNG图像也将转换点阵图。

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

4.GIF动画

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

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