哪些支持动画的格式适合网络?

平面设计 图片格式 动画
2022-01-14 20:09:48

哪些格式支持动画适合网络,每种格式的优缺点是什么。

3个回答

这取决于您需要什么类型的动画。

  • .gif 图像- 完全支持,但限制使用框架。.png 文件应该支持动画,但你不会经常看到它,如果有的话。
  • Flash、Silverlight 和其他插件- Flash 最普遍,但所有插件都需要安装在浏览器中,并且不一定指望安装在用户的计算机上。可能不适用于移动平台。
  • CSS3 - 有限的变换或动画,有限的浏览器支持。
  • HTML5 视频- 未来,但有限的浏览器支持。
  • JavaScript - 需要启用,但应该具有接近通用的浏览器支持。动画类型有限。请参阅Raphael.js
  • Canvas 标签- 现代浏览器支持,但支持丰富的动画。

这是 Virtuosi Media 出色回答的补充:

Apple 最近在其网站上使用静态 JPEG 和 PNG 图像制作动画。他们使用 JavaScript 来切换图像。如果您没有太多的帧,需要 alpha 透明度支持,希望动画在页面上就位,并且如果您需要广泛的浏览器支持,那么这是一项很棒的技术。缺点是下载大小和工作量。

它也可以是交互式的。如果您滚动到 Apple iPad 页面的 Smart Cover 部分,您可以看到它的实际效果:http: //www.apple.com/ipad/features/

在图像下方的图层上叠加包含动画图像顶部透明度的图像时。您会发现 PNG24 是唯一一种抗锯齿与背景图像正确融合的图像格式。使用 GIF 和 PNG8,你会发现你的边缘都是厚实的。看起来不是很好,但真的很容易错过。