Auf einigen Websites werden anstelle von GIFs animierte PNG-Dateien angezeigt. Wie kann ich sie speichern / herunterladen?

1046
Braden Dodge

Ich weiß, wie man ein GIF speichert, es ist sehr einfach. Einfach rechtsklicken und speichern. Voila! Aber mit diesen neuen animierten PNGs habe ich nicht den Nebelsprung. Ich bin nicht einmal sicher, ob es möglich ist, ohne eine Art Bildschirmkratzer zu verwenden, bei dem ich den gesamten Desktop packe. Durch Klicken mit der rechten Maustaste und Speichern der Ergebnisse in einer einzelnen PNG-Datei, die aussieht, als wäre sie nur ein Bild. Vielleicht verwende ich nicht die richtige Software, um ein animiertes PNG anzuzeigen ??? Ich habe auch alle "Grabber" -Programme ausprobiert, die ich mir vorstellen kann (Internet-Download-Manager, Video-DownloadHelper, VSO-Downloader usw.), und keines davon hat es erkannt.

0
Ich fange an zu glauben, dass dies keine einzige Bilddatei ist, sondern dass die Website tatsächlich ein kleines "Video" von einer Reihe von PNGs abspielt. Dies ist eine verdammt komische Art und Weise, Dinge imo zu tun. Braden Dodge vor 6 Jahren 0
Das hängt wirklich vom Kontext ab und davon, was Sie tatsächlich sehen. In der Tat gibt es ein [APNG] (https://en.wikipedia.org/wiki/APNG) Format. Seth vor 6 Jahren 2
Ein echtes animiertes PNG sollte das gleiche wie eine GIF sein. Es klingt tatsächlich so, als würde die Site JavaScript verwenden, um eine Reihe von Bildern zu "spielen". Mokubai vor 6 Jahren 1
Sie konnten uns die Seite zeigen und wir konnten sehen? jdwolf vor 6 Jahren 0
Ok, ich glaube, ich habe vielleicht etwas ... welche Art von Programm kann eine Apng-Datei richtig öffnen? Ich vermute, dass Windows Photo Gallery es nicht öffnen kann und es als PNG öffnet. Ich habe es als .apng gespeichert und jetzt habe ich kein Programm, das es standardmäßig öffnen kann. Braden Dodge vor 6 Jahren 0
Es ist eine japanische Kunstseite, irgendwie wie deviantart, die ein Freund von mir auf den Markt bringt, genannt pixiv. Hier ein Beispiel: https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65229638 Braden Dodge vor 6 Jahren 0

3 Antworten auf die Frage

3
grawity

Es ist eine japanische Kunstseite, irgendwie wie deviantart, die ein Freund von mir auf den Markt bringt, genannt pixiv. Hier ein Beispiel: https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65229638 - Bradens PCs

Diese Animationen auf Pixiv werden in der Tat aus einzelnen Bildern zusammengestellt und mit JavaScript animiert. (GIF ist schlecht in der Wiedergabe von Farben, APNG wird sowohl in Browsern als auch außerhalb schlecht unterstützt, Flash stirbt, daher wäre die einzige gute Alternative ein <video> -Tag gewesen.)

Es gibt jedoch viele Tools von Drittanbietern, um eine GIF- oder WebM-Datei direkt aus der Site heraus zu generieren. Suchen Sie einfach nach " pixiv ugoira converter ", um nach verfügbaren Dateien zu suchen . (Das aktuelle Spitzenergebnis ist http://ugoira.dataprocessingclub.org/ .)

Sie können auch ein ZIP-Archiv aller Frames sowie eine Liste der Timings direkt abrufen:

  • Verwenden Sie die F12Developer Console des Browsers, pixiv.context.ugokuIllustDataoder greifen Sie auf Folgendes zu pixiv.context.ugokuIllustFullscreenData:

    (Öffnet location = pixiv.context.ugokuIllustData.srcdie Datei direkt als Verknüpfung .)

  • Verwenden eines Python- oder Node-Moduls für die (halboffizielle) Pixiv-API:

    $ python3 >>> import pixivpy3, 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'}}
Genial. Ich wusste, dass da draußen etwas war, das es tun würde. Danke, Mann. Braden Dodge vor 6 Jahren 0
2
TOOGAM

Wenn Sie mit der rechten Maustaste auf ein Bild klicken und es speichern können, würde ich davon ausgehen, dass es auf der Website gespeichert wird. Da Sie ein einzelnes Bild gespeichert haben, haben Sie wahrscheinlich ein einzelnes Bild gespeichert. Die Website verwendet möglicherweise JavaScript, um mehrere Grafiken nacheinander sichtbar zu machen, wodurch eine Animation angezeigt wird. Klicken Sie in diesem Fall mit der rechten Maustaste auf den Ort, an dem die Bilder angezeigt werden, und es ist wahrscheinlich, dass nur ein Bild gespeichert wird (je nachdem, welches zum Zeitpunkt der Speicherung aktuell ist).

Klicken Sie in Mozilla Firefox mit der rechten Maustaste auf den Hintergrund der Seite. Wählen Sie "Seiteninfo anzeigen". Gehen Sie dann zur Registerkarte Medien. Wenn für die verschiedenen Frames mehrere Grafikdateien vorhanden sind, werden auf der Registerkarte "Medien" wahrscheinlich alle Grafiken angezeigt. Wenn ja, wird der Verdacht auf JavaScript anhand mehrerer Dateien ziemlich leicht bestätigt.

Nun, auf der Medienregisterkarte wurden die bestimmten Png (s) überhaupt nicht angezeigt. Ich habe versucht, etwas zu finden, indem Sie mit der rechten Maustaste klicken und "inspect element" sowohl in FF als auch in Chrome ausführen, aber ich konnte nichts hilfreiches finden. Ein paar Mal sah ich das Wort "canvas" und das heruntergeladene PNG heißt canvas.png. Vielleicht bedeutet das für jemanden etwas, aber ich weiß überhaupt nicht viel über Webdesign. Ich sehe, dass auf der Seite normalerweise ein Link zu einem Webm-Video auf einer Seite namens my.mixtape.moe vorhanden ist. Bei der fraglichen Website handelt es sich um eine japanische Website für Kunst, die deviantart namens pixiv ähnlich ist. www.pixiv.net Braden Dodge vor 6 Jahren 0
Hier ist eine interessante Sache: Ich habe die ganze Seite als HTML gespeichert, ich habe sowohl "Nur HTML" als auch "Vollständig" gemacht ... Die Bilder befinden sich nicht auf der gespeicherten Seite. Ich vermute, dass sie "gestreamt" werden oder etwas von einer anderen Seite außerhalb dieser HTML-Datei. Vielleicht kann ich in NoScript / uMatrix etwas finden, um mich in die richtige Richtung zu weisen. An dieser Stelle, da ich die Links zu den Webm-Dateien gefunden habe, ist dies völlig darauf zurückzuführen, dass ich herausfinden möchte, wie das funktioniert. Braden Dodge vor 6 Jahren 0
1
TOOGAM

Ihre Erwähnung von Canvas ist sehr suggestiv.

Ich habe mal ein bisschen mit jemandem namens Canvas gearbeitet. Grundsätzlich erlaubte es einem Webmaster, einen bestimmten Speicherplatz zu definieren. Ein Computerprogrammierer könnte dann mithilfe von JavaScript-Befehlen bestimmte visuelle Effekte (z. B. das Zeichnen einer Linie) auf dem Bildschirm anzeigen.

(Ich erinnere mich nicht an viel mehr Details, wie vor einiger Zeit, und ich entschied, dass diese mögliche Lösung nicht so aussieht, als würde sie die gewünschten Ziele erreichen.)

Wenn diese Technologie tatsächlich verwendet wird, hat der Webbrowser keine herkömmliche * .PNG-Datei mit all diesen unterschiedlichen Bildern. Stattdessen sind die einzelnen Bilder, die Sie sehen, das Ergebnis einiger JavaScript-Befehle. (Der Webbrowser verfügt wahrscheinlich nicht über eine im Webbrowser integrierte Funktion zum Konvertieren von Canvas-Komponenten in PNG-Dateiformate.)

Verwandte Probleme