网站制作中完美的动画与图片处理技术

1、格式由电脑产生的形式直观的图像(例如标识、图示)新宠PNG格式，而色彩多样的照片则一定就是JPEG。如果颜色不多且没晕染，应采用GIF格式。 GIF就是改得最少的网站图像格式。GIF最多容纳256种颜色，几乎适用于於除照片以外的所有图像。它还具备分解成直观的动画和透明化图像的能力。

PNG格式相对较崭新，也就是W3C所推荐的格式。PNG-8最多可以涵盖256种颜色，堪比GIF;PNG-24积极支持RGB模式，即为可以整体表现任何颜色，品质较低;PNG-32在PNG-24的基础上减少了alpha地下通道，也即为可以设置透明化。 JPEG可以留存约1670万种颜色，常用於留存照片。但除此之外，几乎用没JPEG。如果图像颜色少於256种，或者所含大片纯色，则JPEG的效果反而不好——為赢得高品质的图像，档大小可能将成倍增加。

2、可以通过Photoshop或Fireworks的汇款嚮Auron比较各项参数。挑选的标準就是，确保可以拒绝接受的图像品质的前提下，档应尽可能大。 网站制作中轻松的动画与图片处置技术2. 颜色建立图像应当采用RGB模式，而非用於打印的CMYK模式。不必考量瀏览器安全色，因為几乎不再有人采用8位的显示器。

颜色的挑选应参考统一的标準，例如视觉辨识(VI)系统。颜色的数量和效果就是同意图像格式的关键因素，例如色彩晕染往往产生大量颜色，如果留存為GIF则可以产生杂讯，档大小也大幅减少，这时应当考量采用PNG-24、PNG-32或JPEG格式。

3、尺寸采用向量创作工具制作的图像往往适宜留存為PNG格式，其尺寸应当在向量绘图工具中确认，变為点阵图后便不再轻而易举对其展开翻转操作方式(尤其不应当展开压缩操作方式)。值得注意的就是，在Fireworks中建立的PNG档涵盖图层等可以编辑资讯，其中的直线、形状、文字都属于於向量图。将这样的图像应用于网站应先展开输入操作方式以放大档大小，而输入的PNG图像也可以因為失掉可以编辑资讯而转為点阵图。因此，图像尺寸的调节应当在输入操作方式之前顺利完成。不对点阵图展开翻转就是為了确保图像的轮廓和晕染足够多准确。

对於尚无的点阵图和照片，应先采用Photoshop等软体调整不好尺寸后再填入至网站中，而不该采用HTML语言中的width和height属性发生改变图像尺寸。轻易采用HTML语言掌控图像尺寸可能会并使图像杂讯轻微。

通常，放进网站中的图片应当掌控至一个比较大的尺寸。如果与文字混排，宽度最出色在300 px左右。即便单独发生，宽度也最出色在600 px以下。至於高度，以不能少于一屏為宜。 网站制作中轻松的动画与图片处置技术

4、GIF只是纯粹地将某一种或几种颜色设為全然透明化，并不考量与它周边的渐变色的透明度。这意味著，如果背景颜色出现关键性发生改变(或者本来就涵盖几种对照显著的颜色)，与透明化部分交界的地方将不能获得光滑过渡阶段，发生一条显著的分界线。如果必须建立透明化GIF，存有必要将画布背景色设置成与目标效果的背景色相同(或吻合)。PNG不存有这个问题，同时还可以设置半透明。 但是预设情况下IE6无法正确地表明透明化PNG，须要盔鼩恰当的措施。

网站制作中轻松的动画与图片处置技术，动画 网站上的动画通常包含Flash和动画GIF两种。Flash功能强大，效果多样，图像品质低，且具有强悍的创作软体，就是多数情况下新宠的网站动画形式。动画GIF的严重不足就是仅能够采用不少于256种颜色，且难以制作效果繁杂的动画，但它的优势就是档大，且无须外掛程式积极支持就可以在任何老式的或现代的瀏览器播出。