首先,看看这个图像
![]()
Gmail使用此图片显示动画表情符号.
我们如何使用png图像显示这样的动画?
有没有办法,在HTML中,在<img>标签中包含动画GIF,但是自动告诉GIF不动画?我意识到用户可以通过按ESC或单击停止来停止动画,但我希望GIF根本不动画.
我只想在一个特定页面上执行此操作,并且制作(1500+)GIF的单独非动画版本是不可行的.我只是希望GIF没有动画.
我有一个GIF图像.它仅在非常具体的事件中显示,而不是经常显示.默认情况下,<img>使用隐藏gif的html 标记display: none.
现在,我们都知道Gif在计算机的CPU上非常强硬.我不知道如何基准测试或检查隐藏的gif是否仍然使用CPU带宽.
我用开发工具检查了gif的重新绘制 - 它没有像预期的那样发生.非常好.FPS仪表也没有上升,内存使用也没有.但我有一个强大的CPU和计算机; 当gif出现时,这些都不会上升.
有没有人有关于如何对此进行基准测试的想法,或者对浏览器更了解?我不希望这个gif成为那些从未见过它的人的资源.而且我也不想将它从DOM中删除.
我想在页面上有一个动画角色,为不同的行为设置不同的动画.我目前有两个关于它如何工作的想法:
IDEA 1:将每个行为都设置为动画GIF,并在切换行为时使用JavaScript切换GIF文件.好处:动画在图像本身,为JS留下较少的工作.缺点:我不知道(我知道)JavaScript可以告诉GIF在什么帧,动画结束/循环等等.
IDEA 2:将每个动画的每个帧都作为PNG图像并使用JS在帧之间切换,使用一些预加载器确保在动画开始之前所有图像都准备就绪.上升:对动画序列的更多控制.缺点:很多帧...
这两个想法中的哪一个会更好?(我想避免使用Flash,顺便说一句)
我自己倾向于想法2,因为它提供了更好的控制.由于该站点已经有一个每50ms运行一次的计时器,因此将该动画添加到该计时器系统并不会太多.
animation ×3
gif ×3
animated-gif ×2
html ×2
image ×2
javascript ×2
css ×1
performance ×1
png ×1