类似静态官网这种,有一些前端动画需要大量前端图片素材 暂定用 nuxt 写
1
liyer 2021-05-26 12:13:11 +08:00
base64
svg canvas |
2
Resource 2021-05-26 12:17:57 +08:00
一般是 iconfont 和 svg,但是你这种情况,我认为雪碧图是最吼的。
|
3
Mutoo 2021-05-26 12:38:12 +08:00
用骨骼动画替代帧动画,可以节省大量素材空间。
免费的 dragonbone http://dragonbones.com/en/index.html#.YK3QgZP7Q8M 收费的 spine http://en.esotericsoftware.com/ |
4
TomatoYuyuko OP @liyer canvas 对加载图片素材还有优化?
|
5
liyer 2021-05-26 13:47:41 +08:00
@TomatoYuyuko 你不是有动画吗?
|
6
3dwelcome 2021-05-26 13:59:51 +08:00
WebP 支持动画的吧,可以考虑一下。
然后用 JS 把需要的单帧提取出来,存在 window BOM 下。img src 直接去引用。 |
7
TomatoYuyuko OP @liyer 只有切图,然后前端用这堆素材做一个动画。。。
|
8
TomatoYuyuko OP @3dwelcome UI 那边的说法是 webp 体积会很大。。
|
9
3dwelcome 2021-05-26 14:20:52 +08:00 1
|
10
hxsf 2021-05-26 14:58:48 +08:00
CDN + HTTP/2 push ?
|