Как работает этот анимированный PNG?

Question

Я только что получил электронное письмо, в котором содержится удаленный анимированный png. Файл png является таймером обратного отсчета. Вот URL:-

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

Может кто-нибудь, пожалуйста, помогите мне объяснить, как это работает? Я ожидал бы, что каждый раз, когда я загружаю файл, он начинает воспроизводить одну и ту же точку, эффективно сбрасывая обратный отсчет, но, похоже, это не так.

Как PNG-файл узнает, откуда возобновить обратный отсчет?

Answer 1

Изображение представляет собой GIF (MIME-тип image/gif), а не PNG, как предлагает URL. Вы можете проверить это, проверив ответ:

Cache-Control:private
Connection:keep-alive
Content-Length:292122
Content-Type:image/gif
Date:Wed, 10 Jul 2013 15:42:25 GMT
Server:Microsoft-IIS/7.5
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET

Поскольку сервер, конечно, может генерировать GIF-изображение или любой ответ «на лету», это не ракетостроение - создавать анимированное изображение с соответствующим временем обратного отсчета и передавать его клиенту.

Answer 2

Просто потому, что он называется .png не означает, что это действительно png. это изображение является обычным анимированным gif . Вы можете легко подтвердить это либо:

• посмотрев на сам необработанный файл и, если вы поймете его структуру, вы увидите, что это gif.
• просматривая в браузере заголовки сервера и видя, что он говорит Content-Type:image/gif .