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

1。电脑生成的简单图像(如logos、图标)首选PNG格式,而彩色照片必须使用JPEG。如果颜色很少,没有渐变,应该使用GIF格式。GIF是最常用的网站图片格式。GIF最多可以容纳256种颜色,适用于除照片以外的几乎所有图像。它还具有生成简单动画和透明图像的能力。



PNG格式比较新,也是W3C推荐的。PNG-8最多可以包含256种颜色,堪比GIFPNG-24支持RGB模式,即可以高质量的表现任何颜色;PNG-32在PNG-24的基础上增加了一个alpha通道,即可以设置透明度。JPEG可以保存约1670万种颜色,常用于保存照片。但除此之外,几乎不用JPEG。如果图像的颜色少于256色,或者包含大量的纯色,那么JPEG的效果并不好——为了获得高质量的图像,文件大小可能会成倍增加。

2。您可以通过Photoshop或Fireworks的导出向导来比较各种参数。选择标准是在保证可接受的图像质量的前提下,文件大小要尽可能小。网站制作中完善的动画和图片处理技术。2.应该使用RGB模式创建图像,而不是CMYK模式进行打印。没有必要考虑浏览器的安全颜色,因为几乎没有人再使用8位显示器了。

颜色选择应参考统一标准,如视觉识别(VI)系统。颜色的数量和效果是决定图像格式的重要因素。比如颜色渐变往往会产生大量的颜色,如果保存为GIF会产生失真,大大增加文件大小。所以应该考虑PNG-24,PNG-32或者JPEG格式。

3。用矢量创作工具制作的图像通常适合以巴布亚新几内亚格式保存,它们的大小应该在矢量绘图工具中确定。一旦它们变成位图,就不容易缩放(尤其是放大)。值得注意的是,Fireworks中创建的PNG文件包含图层等可编辑信息,其中的线条、形状和文本都属于矢量图。将这样的图像应用于网站时,需要进行输出操作来压缩文件大小,输出的PNG图像会因为丢失可编辑信息而转换成位图。因此,图像大小的调整应该在输出操作之前完成。不缩放位图的目的是为了保证图像的轮廓和渐变足够清晰。

【/h/】对于现有的位图和照片,在插入网站之前,应该使用Photoshop等软件调整尺寸,而不是使用HTML语言中的宽度和高度属性来改变图像尺寸。直接使用HTML语言控制图像大小,可能会造成严重的图像失真。

【/h/】一般网站放的图片要控制在比较小的尺寸。如果混有字符,宽度应该在300 px左右。即使单独出现,宽度也要小于600 px。至于高度,建议不要超过一屏。网站制作中完美的动画和图片处理技术

4。GIF只是简单的设置一种或几种颜色为完全透明,并没有考虑与之相邻的渐变颜色的透明度。这意味着如果背景颜色变化较大(或者包含几种对比明显的颜色),与透明部分的边界不会得到平滑过渡,会出现明显的分界线。如果要创建透明的GIF,需要将画布的背景颜色设置为与目标效果的背景颜色相同(或相近)。PNG没有这个问题,还可以设置半透明。但是IE6默认无法正确显示透明PNG,需要采取适当的措施。

网站制作中完善的动画和图片处理技术。动画网站上的动画通常包括Flash和动画GIF。Flash功能强大、效果丰富、图像质量高、创意软件强大,是大多数情况下网站动画的首选形式。动画GIF的缺点是只能使用不超过256种颜色,很难做出复杂效果的动画。但是它有文件大小小的优点,可以在任何没有插件支持的老的或者现代的浏览器上播放。

我们的优势
上门服务

支持POS机刷卡

最快1小时上门交接资料

专业服务

具有10年以上财务工作经验

严格按照新三板财务标准做账

价格透明

拒绝隐形消费

价格全称透明合理

支付随心

支付宝扫码支付、POS机刷卡

微信扫码支付、现金收款