Estou vendo arquivos PNG animados em alguns sites em vez de GIFs. Como posso salvar / fazer download deles?

Question

Eu sei como salvar um GIF, é super fácil. Basta clicar com o botão direito e salvar. Voila! Mas com esses novos PNG animados, eu não tenho a menor dúvida. Sem usar algum tipo de tela onde eu estou pegando toda a área de trabalho, eu nem tenho certeza se é possível. Basta clicar com o botão direito e salvar os resultados em um único PNG que parece ser apenas um quadro. Talvez eu não esteja usando o software certo para ver um PNG animado ??? Eu também tentei todos os programas "grabber" que eu posso pensar (Internet Download Manager, Video DownloadHelper, VSO Downloader, etc) e nenhum deles detectou.

    

Answer 1

It's a Japanese art site, kind of like deviantart, that a friend of mine publishes on, called pixiv. Here's an example: https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65229638 – Braden's PC's

Estas animações no Pixiv são de fato compostas de imagens individuais e animadas usando JavaScript. (GIF é ruim em reproduzir cores, o APNG é mal suportado tanto dentro dos navegadores quanto fora dele, o Flash está morrendo, então a única boa alternativa seria uma tag < video & gt ;.)

Mas há muitas ferramentas de terceiros para gerar automaticamente um arquivo GIF ou WebM direto do site, basta pesquisar " conversor pixiv ugoira " para os atualmente disponíveis. (O resultado principal atual é link .)

Você também pode obter diretamente um arquivo .zip de todos os quadros junto com uma lista de horários:

• Usando o console do desenvolvedor F12 do navegador, acesse pixiv.context.ugokuIllustData ou pixiv.context.ugokuIllustFullscreenData :

  

  (Comoumatalho,location=pixiv.context.ugokuIllustData.srcabreoarquivodiretamente.)

• UsandoummóduloPythonouNodeparaaAPIdoPixiv(semi-oficial):

  $python3>>>importpixivpy3,pprint>>>api=pixivpy3.PixivAPI()>>>api.login(...)>>>data=api.works(65229638)>>>pprint.pprint(data["response"][0]["metadata"])
  {'frames': [{'delay_msec': 275}, {'delay_msec': 275},
              {'delay_msec': 275}, {'delay_msec': 275},
              ...
              {'delay_msec': 275}, {'delay_msec': 275}],
   'zip_urls': {'ugoira600x600': 'https://i.pximg.net/img-zip-ugoira/img/2017/10/01/23/13/36/65229638_ugoira600x600.zip'}}
  

Answer 2

Se você puder clicar com o botão direito do mouse em uma imagem e salvá-la, esperaria que ela fosse salva conforme obtida no site. Como você acabou salvando um único quadro, provavelmente salvou um único quadro. O site pode estar usando JavaScript para que vários elementos gráficos sejam visíveis, um de cada vez, mostrando uma animação. Nesse caso, clicar com o botão direito do mouse no local em que as imagens são exibidas resultará em salvar apenas uma imagem (o que estiver atualizado no momento em que você salvar).

No Mozilla Firefox, clique com o botão direito do mouse no plano de fundo da página. Escolha "Ver informações da página". Em seguida, vá para a guia Mídia. Se houver vários arquivos gráficos para os diferentes quadros, a guia "Mídia" provavelmente mostrará cada um dos gráficos. Se assim for, isso facilmente confirmará a suspeita de JavaScript usando vários arquivos.

    

Answer 3

Sua menção ao Canvas é altamente sugestiva.

Eu já trabalhei um pouco com alguém chamado Canvas. Basicamente, permitiu que um webmaster definisse uma certa quantidade de espaço. Então, um programador de computador poderia usar comandos JavaScript para fazer com que certos efeitos visuais (como desenhar uma linha) aparecessem na tela.

(Não me lembro de muito mais detalhes, como já foi há algum tempo, e decidi que essa possível solução não parecia atender aos objetivos desejados.)

Então, se esta tecnologia é de fato o que está sendo usado, o navegador não possui um arquivo * .PNG tradicional com todas essas imagens diferentes. Em vez disso, as imagens individuais que você vê são o resultado de alguns comandos JavaScript. (O navegador da Web provavelmente não tem uma funcionalidade de conversão de formato de arquivo do componente Canvas para PNG incorporada no navegador da Web.)