前端 logo 动画一般是通过什么技术实现

[holy5pb]

RT,OP 前端小白。 第一次进入有的网站后，网站会用它们的网站 logo 的动态动画过渡，之后才会到网站的主体内容。 这种过渡动画一般如何实现，动态 logo 一般是一段 gif 还是使用了别的什么 web 动画技术呢。

[jadehare]

几个 png ，gif ，代码实现动画效果，spine ，这几个都有，看具体情况吧。

[o0]

前几天看到一个网站是把动画的每一帧都切成单独的图片，然后动态更换，每秒 20 帧

[V2023]

不知道是不是 svg 做的（小白/非程序员/设计相关从业者）
做公众号来说，如果全篇用 gif 动图加载会好慢，压图也非常头疼。如果是 svg 加载会很快，清晰度也很不错，像是矢量图的感觉。

[holy5pb]

@jadehare 感谢大佬，看下 spine

[holy5pb]

@V2023 SVG 也可以做动画吗😱

[paopjian]

首屏动画加载,省事就是 gif 图片直接怼, 微软那个旋转进度都是拿字体做的, 反正核心思想就是快速加载优先展示

[holy5pb]

@o0 哈哈是不是那个日本的直播，不用流媒体而是实时刷新图片

[holy5pb]

@paopjian 首屏动画加载，关键词 get ，一直不知道这个东西叫啥，感谢大佬

[o0]

@holy5pb 哈哈不是，前几天一个朋友问我他要模仿的网站，我给看的😆

[V2023]

@holy5pb 之前排公众号，研究过苹果的公众号，好多是用 svg 实现的，由于不懂代码，咋弄的就不太懂了

[zsc8917zsc]

lottie
pag

[zellerkk]

@o0 哈哈我司的 loading 就是

[shuxhan]

css 画一个转圈的 loading

[holy5pb]

@shuxhan 想要自己的网站 logo 动起来