这个动画 png 如何工作?

这个动画 png 如何工作?

我刚刚收到一封电子邮件,其中包含一个远程托管的动画 png。该 png 文件是一个倒计时器。以下是 URL:-

https://img.kickdyn.com/57/1MfiOGVFjvmaMMHd3VZv/imgancnt.png

有人能帮我解释一下这是怎么回事吗?我本来以为每次加载文件时它都会从同一点开始播放,从而有效地重置倒计时,但事实似乎并非如此。

PNG 文件如何知道从哪里恢复倒计时?

答案1

该图像是 GIF(MIME 类型image/gif),而不是 URL 所显示的 PNG。您可以通过检查响应来检查这一点:

缓存控制:私有
连接:保持活动
内容长度:292122
内容类型:图像/gif
日期:2013 年 7 月 10 日星期三 15:42:25 GMT
服务器:Microsoft-IIS/7.5
X-AspNet-版本:4.0.30319
X-Powered-By:ASP.NET

由于服务器当然可以动态生成 GIF 图像或任何响应,因此生成具有匹配倒计时时间的动画图像并将其呈现给客户端并不是什么难事。

答案2

仅仅因为它被命名.png并不意味着它真的是 png。

该图像是常规动画gif

您可以通过以下方式轻松确认:

  • 查看原始文件本身,如果您了解其结构,您就会清楚地看到它是 gif。
  • 在浏览器中查看服务器的标头并看到它显示Content-Type:image/gif

相关内容