Я вижу анимированные файлы PNG на некоторых сайтах вместо файлов GIF. Как я могу сохранить / загрузить их?

962
Braden Dodge

Я знаю, как сохранить GIF, это очень просто. Просто щелкните правой кнопкой мыши и сохраните. Вуаля! Но с этими новыми анимированными PNG я не имею ни малейшего сомнения. Без использования какого-либо скрэпа на экране, где я беру весь рабочий стол, я даже не уверен, что это возможно. Просто щелкните правой кнопкой мыши и сохраните результаты в одном PNG, который выглядит так, как будто это всего один кадр. Может быть, я не использую правильное программное обеспечение для просмотра анимированных PNG ??? Я также перепробовал все «грабберные» программы, о которых могу подумать (Internet Download Manager, Video DownloadHelper, VSO Downloader и т. Д.), И ни одна из них не обнаружила его.

0
Я начинаю думать, что это вообще не один файл изображения, а что на самом деле веб-сайт воспроизводит небольшое «видео» группы PNG. Это чертовски странный способ делать вещи, Imo. Braden Dodge 6 лет назад 0
Это действительно зависит от контекста и того, что вы на самом деле видите. Действительно, существует формат [APNG] (https://en.wikipedia.org/wiki/APNG). Seth 6 лет назад 2
Настоящий анимированный PNG-файл должен быть таким же, как GIF, он действительно звучит так, будто сайт использует JavaScript для «воспроизведения» множества изображений. Mokubai 6 лет назад 1
Вы могли бы показать нам сайт, и мы могли видеть? jdwolf 6 лет назад 0
Хорошо, я думаю, что у меня может быть что-то .... какая программа может правильно открыть файл apng? Я предполагаю, что Windows Photo Gallery не может открыть его и открывает как PNG. Я сохранил его как .apng, и теперь у меня нет программы, которая может открыть его по умолчанию. Braden Dodge 6 лет назад 0
Это японский арт-сайт, вроде deviantart, который публикует мой друг, называется pixiv. Вот пример: https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65229638 Braden Dodge 6 лет назад 0

3 ответа на вопрос

3
grawity

Это японский арт-сайт, вроде deviantart, который публикует мой друг, называется pixiv. Вот пример: https://www.pixiv.net/member_illust.php?mode=medium&illust_id=65229638 - ПК Брэйдена

Эти анимации на Pixiv действительно составлены из отдельных изображений и анимированы с использованием JavaScript. (GIF плохо воспроизводит цвета, APNG плохо поддерживается как в браузерах, так и снаружи, Flash умирает, поэтому единственной хорошей альтернативой был бы тег <video>.)

Но существует множество сторонних инструментов для автоматической генерации файла GIF или WebM прямо с сайта, просто поищите « pixiv ugoira converter » для доступных на данный момент. (Текущий лучший результат - http://ugoira.dataprocessingclub.org/ .)

Вы также можете напрямую получить ZIP-архив всех фреймов вместе со списком времени:

  • Используя F12консоль разработчика браузера, откройте pixiv.context.ugokuIllustDataили pixiv.context.ugokuIllustFullscreenData:

    (Как ярлык, location = pixiv.context.ugokuIllustData.srcоткрывает файл напрямую.)

  • Использование модуля Python или Node для (полуофициального) 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'}}
Потрясающие. Я знал, что есть что-то, что сделает это. Спасибо чувак. Braden Dodge 6 лет назад 0
2
TOOGAM

Если вы можете щелкнуть правой кнопкой мыши на изображении и сохранить его, я ожидаю, что оно будет сохранено в том виде, в котором оно получено с веб-сайта. Так как вы сохранили один кадр, вы, вероятно, сохранили один кадр. Веб-сайт может использовать JavaScript для отображения нескольких изображений, по одному за раз, тем самым показывая анимацию. В этом случае щелчок правой кнопкой мыши в том месте, где отображаются изображения, может привести к сохранению только одного изображения (которое является текущим на момент сохранения).

В Mozilla Firefox щелкните правой кнопкой мыши фон страницы. Выберите «Просмотр информации о странице». Затем перейдите на вкладку Медиа. Если для разных кадров имеется несколько графических файлов, на вкладке «Мультимедиа» может отображаться каждая графика. Если это так, это довольно легко подтвердит подозрение в использовании JavaScript с использованием нескольких файлов.

Ну, вкладка «Медиа» вообще не показывала конкретный png. Я пытался найти что-то, щелкнув правой кнопкой мыши и выполнив «Проверка элемента» в FF и Chrome, но не смог найти ничего полезного. Несколько раз я видел слово «canvas», и скачанный PNG называется canvas.png. Может быть, это что-то значит для кого-то, но я совсем ничего не знаю о веб-дизайне. Я вижу, что на странице обычно есть ссылка на веб-видео на странице my.mixtape.moe. Рассматриваемый веб-сайт - это японский арт-сайт, похожий на deviantart, называемый pixiv. www.pixiv.net Braden Dodge 6 лет назад 0
Вот интересная вещь: я пошел вперед и сохранил всю страницу в виде HTML, я сделал и «только HTML» и «завершить» .... изображения не находятся на сохраненной странице. Я подозреваю, что они "транслируются" или что-то с другой страницы за пределами этого HTML. Может быть, я найду что-нибудь в NoScript / uMatrix, чтобы указать мне правильное направление. На данный момент, так как я нашел ссылки на файлы webm, это полностью потому, что я хочу выяснить, как это работает. Braden Dodge 6 лет назад 0
1
TOOGAM

Ваше упоминание о холсте очень наводит на мысль.

Однажды я немного поработал с кем-то под названием Canvas. По сути, это позволило веб-мастеру определить определенное количество места. Затем программист может использовать команды JavaScript, чтобы вызывать определенные визуальные эффекты (например, рисование линии) на экране.

(Я не помню больше подробностей, поскольку это было некоторое время назад, и я решил, что это возможное решение не выглядело бы так, как будто бы оно достигло желаемых целей.)

Таким образом, если эта технология действительно используется, веб-браузер не имеет традиционного файла * .PNG со всеми этими различными изображениями. Вместо этого отдельные изображения, которые вы видите, являются результатом некоторых команд JavaScript. (Веб-браузер, вероятно, не имеет встроенной в веб-браузер функции преобразования Canvas-компонента в PNG-файл).

Похожие вопросы