我想为图像的一小部分设置动画。大部分图像将保持静止,只有一小部分将设置动画。这可以用动画GIF来实现,但有更好的替代方案吗?我不确定APNG是否得到大多数浏览器的良好支持。有任何jQuery插件可以做到这一点吗?
APNG能够像GIF一样为图像的一部分设置动画,而且它允许每个样本有8位RGBA,具有数百万种颜色,而GIF则将您限制为256种颜色和1位透明度。浏览器不太支持APNG。据推测,最新版本的WebP支持动画。
于2023年6月更新…
所有主要浏览器现在都支持APNG格式-Chrome、Safari、Firefox、Opera和Edge。
其余不支持APNG的浏览器是Opera Mini(其浏览器市场份额不到1%)和Internet Explorer(不安全,任何人都不应该再使用)。
WebP也支持动画,所有浏览器都支持它(Internet Explorer除外)。
视频可以很好地替代动画图像。对于复杂的动画,视频可以感觉更流畅,文件大小更小。