如何优化网站的 gif 剪辑路径

发布于 2025-01-10 16:50:04 字数 352 浏览 0 评论 0原文

我在背景中创建了一个带有动画 gif 的剪辑路径,如 Zach Sauciers 剪辑路径实验中所示:https://zachsaucier。 com/

这应该是我的介绍页面。从那里我可以链接到下一页。

现在 gif 太大了(通过在线 GIF 优化器 ezgif.com 发送后大约 6MB),并且 Lighthouse 中的性能非常糟糕。

您建议如何最好地优化 gif,或者是否有更好的方法以自定义剪辑路径形状实现视频?

或者是否有现代方法可以创建带有视频的心形?

我很乐意听听您的想法?

I have created a clip-path with an animated gif in the background like here in Zach Sauciers clip path experiments: https://zachsaucier.com/

This is supposed to be my intro page. From there I can link to the next pages.

Now the gif is just too big (after sending it through online GIF optimizer ezgif.com about 6MB) and the performance in Lighthouse is really bad.

What would you recommend how to optimize the gif best or are there better ways to implement video in a customized clip-path shape?

Or are there even modern ways to create a heart shape with video in it?

I would be happy to hear what you think?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文