Como esse png animado funciona?

Question

Acabei de receber um email que contém um PNG animado hospedado remotamente. O arquivo png é um temporizador de contagem regressiva. Aqui está o URL: -

link

Alguém por favor pode me ajudar a explicar como isso funciona? Eu esperaria que cada vez que eu carregasse o arquivo ele começasse a tocar no mesmo ponto, efetivamente redefinindo a contagem regressiva, mas isso não parece ser o caso.

Como o arquivo PNG sabe para onde retomar a contagem regressiva?

    

Answer 1

A imagem é um GIF (tipo MIME image/gif ) e não é um PNG como o URL sugere. Você pode verificar isso inspecionando a resposta:

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

Já que um servidor pode gerar uma imagem GIF - ou qualquer resposta - em tempo real, não é ciência do foguete gerar uma imagem animada com o tempo de contagem regressiva correspondente e renderizar isso para o cliente.

    

Answer 2

Só porque é chamado .png não significa que é realmente png. essa imagem é uma animação normal gif . Você pode confirmar facilmente isso por:

• olhando para o arquivo raw e se você entender sua estrutura, você verá claramente que é gif.
• procurando em seu navegador os cabeçalhos do servidor e veja que ele diz Content-Type:image/gif .