Pull to refresh

Comments 44

Это стандарт или просто "А вот в браузере X запилили поддержку Y, осталось дождаться когда остальные сделают тоже самое"?

Сегодня вы можете использовать img src =".mp4" в Safari Technology Preview.

Похоже что да. Зато очень приятная новость что APNG теперь работает везде (кроме ИЕ, но и фиг с ним), еще год назад его кроме лисы никто не умел и все такие "мертвый формаат, мертвый формаат", но не прошло и десяти лет (ага, прошло девять...) и теперь можно его нормально использовать.

Удивительные вещи случаются. Как думаете — зачем пришлось поддерживать анимированный PNG?

Ну изначально у лисы — потому-что gif фигня и отстал от развития веба (в конце концов мы в bmp картинки в вебе не юзаем, и в wav музыку не держим, разве что исторически), а почему apng именно сейчас приняли все подряд даже идей нет. Да и вообще решения всяких "комитетов интернетов" и производителей браузеров по поводу какие стандарты принять не берусь прогнозировать, они там будто обдолбались порой!.

Ну изначально у лисы — потому-что gif фигня и отстал от развития веба
Ха-ха-ха. Какие «высокие» побуждения. Но нет. Всё гораздо проще: они хотели уменьшить размер дистрибутива. И оказалось, что хак, добавляющий в libpng поддержку APNG занимает меньше места, чем экономится при переводе спиннеров (изображающих загрузку страницы) на APNG.

Ну а дальше — уже пошли разглагольствования про то, что MNG (поддержку которого они выпили) — это overengineering, а вот APNG — это «самое то».

Что сейчас случилось, что остальные браузеры тоже решили APNG поддержать — не знаю.
Ха-ха-ха. Какие «высокие» побуждения. Но нет

Ну в любом случае — от этого gif не становится менее отставшей от развития веба фигней. Единственное отличие что лиса подсуителась на эту тему десять лет назад, и попыталась еще и себе удобнее сделать (в прочем это еще не самый худший пример — гугл регулярно пишет под себя стандарты, а у edge от такой фигни брат умер, буквально), а остальные — только недавно.

Гугл хотя бы пытается делать вид, что стандарты он не заставляет соблюдать, а разрабатывает совместно с другими. Если сопротивление очень сильное — то может и «переиграть» (как при отказе от PNaCl'а и переходе к поддержке WASM). Mozilla же «продавила» APNG наперекор яростному сопротивлению разработчиков PNG/MNG. Внедрив поддержку до финального голосования и отказавшись что-либо делать после.

Это скорее повадки «старого», Баллмеровского, Майкрософта, а не Гугла (не могу сказать что «новый» Майкрософт так не делает — но навскидку подобного ужаса я припомнить не могу и если где-то что-то такое и случалось, то это скорее исключение… при Гейтсе/Баллмере это было просто нормой)
Пробовал apng, на некоторых гифках apng весит меньше чем webp.

Вот только почему-то в Хроме
<source srcset="anim.png" type="image/apng">
не поддерживается.
А почему image/apng? Всё преимущество (и вся критика) APNG крутились вроде всегда вокруг того, что они должны иметь такой же mime-тип, как и просто PNG...
Если делать image/png, то возникает проблема с браузерами, которые уже поддерживают тег picture, но еще не поддерживают apng. Edge покажет лишь первый кадр png, вместо анимации.

А вот в IE11 все будет нормально (покажет последний fallback gif), он просто не знает что такое picture/source.

И только в FF все четко, понимает image/apng.
Статья хорошо показывает, как Safari занимает трон IE. Не поддерживает стандарты, которые уже давно работают в других браузерах. Некорректно обрабатывает имеющиеся. И пилят какой-то свой стандарт(или костыль?).

На самом деле safari года два так точно современный аналог IE. И в работе с флексбоксами например, уже поправили, и с backdrop-filter, и с font: -apple-system-body и постоянные напирания на какие-то рандомные проблемы. Например, на моей памяти, самой трудноуловимой багой было "иногда в сафари и отлько сафари тормозит курсор при вводе текста". Чинилось добавлением transform у всех элементов, у которых есть фильтр blur.

UFO just landed and posted this here
У GIF палитра. Вся картинка покрыта чередующимися точечками, и естественно форматам H264 и (A)PNG без палитры будет очень тяжело такое сжимать. Нужно брать полноцветный исходник и желательно неушакаленный, чтобы был какой-то нормальный профит

У гифа палитра на каждый кадр, и сама палитра ограничена в 256 цветов (и из них 1 на прозрачность). По этому при создании полноцветных гифок "кадр" зачастую собирается из 5-6-7 разных кадров каждый со своей палитрой и нулевой задержкой между ними. В результате "руками" сделать гифку с нормальными цветами весьма нетривиально.

зачастую

Лично я встречаю такие гифки очень редко на самом деле


А вообще здесь тоже хороший вопрос — насколько адекватно конвертеры обрабатывают такие костыли?

Конвертеры особо не щупал, но похоже что те которые из видео — делают разбиение автоматом, а при конвертации в ручную — я так и не нашел софтину умеющую конвертируя в гиф разделить картинку на несколько кадров с разбиением палитры, только те, что безумно шакалят цвета упихивая в 256 цветов всю пикчу, хотя я этим занимался года три назад, а теперь и не буду — апнг — смогу всю свою безумную идею реализовать в нем.

Это как jpeg с высокой степенью шакалистости в png пережимать. Артефакты сжатия весят больше чем сама картинка.
Статью не читать, ответ быстро-быстро писать, да?

Эту фразу видели: Скажите, пожалуйста, что вы не используете GIF в качестве исходника. Правильно.

GIFы ни во что конвертировать не надо. Речь идёт о случае, когда есть разумный исходник.
что вы имели в виду под img src=«rocky.mp4» вставляя его как гифку?

<img src="https://habrastorage.org/getpro/habr/post_images/2a2/ffb/94e/2a2ffb94e6a7a7c7277a222a584bf464.gif" alt="image">
Что Хабр ни о каких изысках не знает?
Из всей статьи мне больше всего куртка понравилась. Надо брать…
У Уоша?
Это не куртка, это свитер+джинсовка без рукавов+что-то типа жилетки из свитера:
image
Вот косплееры пытались сшить:
Большая картинка
image


А, всё, нашел другую куртку.

Полагаю, речь всё же шла о куртке с разбираемого в статье рекламного видео Loki USA, вероятно, этой:)

Перевод омерзительного качества. Но статья интересная, спасибо за ссылку.
Там предупредили на всякий случай:
Перевод выполнен при поддержке компанииEDISON Software, которая профессионально занимается разработкой для крупных заказчиков
GIF прощай! Секс с кодеками здравствуй!
адаптивные видео теперь могут быть «вещью»
Безоговорочно они также более короткие
Это будет потрясающе на многих фронтах
Перевод сделан просто на отъе#ись. Перед публикацией хотя бы сами читайте, что получилось — потому что сейчас это не русский, а гугло-переводческий.

Гугл уже давно так не переводит, так могут только человеческие надмозги.

Да, Гугл не написал бы «медленная производительность».
Именно поэтому в 2014 году Twitter заметно добавил анимированную поддержку GIF, не добавляя поддержку GIF

Заметно, мать вашу. Твиттер такой добавил поддержку и она офигеть какая заметная, торчит на три метра из экрана, носки можно вешать сушиться.

У нас медленно работает тег video, поэтому мы разрешили mp4 в img.


Фу такими быть. Сделать ту же самую скорость, но именно для тега video что им мешало? Отмазки несущественны — если другие браузеры это поддержат (надеюсь, нет), то будут вам и фильмы в img (теперь-то быстро и качество норм) и самодельные плееры и реклама.

> GIF — это круто, но в плане качества и производительности они ужасны.

Ага, двадцать лет крутились как ни в чём не бывало, а во времена Core i9 производительности стало не хватать.

Так вы ж не сравнивайте гифки 90-х, которые еще старательно ужимали, борясь за каждый байтик, с теперешними де-факто целыми видеороликами после автоконвертации!

И всё равно не хватает? На Core i9? У-ди-ви-тель-но! Ну просто удивительно!

Элементарнейший алгоритм декодирования LZW внезапно стал жрать больше энергии, батареи и всего прочего, чем навороченные алгоритмы сжатия видео.

В каком удивительном мире я живу!

А может быть просто в тестах нолики дописаны в нужном месте?
Вы не поверите, но в iPhone, о котором, судя по тексту, больше всего печётся автор, Core i9 нет, а аппаратное декодирование видео — есть. Отсюда и «растут ноги» удивительных чудес, описанных в статье…
Даёшь аппаратное декодирование гифок?
  1. Вы не можете щелкнуть правой кнопкой мыши и сохранить видео

В Сафари этой функции нету?! Как они вообще там живут?

Они ...., влияют на сотовые данные, требуют большего количества памяти и производительности процессора,


Что значит «влияют на сотовые данные»?
В оригинале «impact cellular data bills» == «влияют на платежи за сотовые данные»… что, в общем-то, то же самое, что и «они огромные по размеру».

Даже на Хабре эта тема уже поднималась три года назад, giphy использует решение, которое поддерживает 95% браузеров, а фан-бой Эппл выставляет что-то как уникальное достижение в сафари, словно это презентация АйФон Хе


https://m.habrahabr.ru/post/239875/

Фоновые CSS-видео и адаптивные видео могут стать клевой фишкой.

Фоновые видео без возможности их отключить раздражают, да. Особенно на лимитированном подключении.
Sign up to leave a comment.