Information

Founded
Location
Россия
Website
www.edsd.ru
Employees
31–50 employees
Registered
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 landed and left these words 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, которая профессионально занимается разработкой для крупных заказчиков
адаптивные видео теперь могут быть «вещью»
Безоговорочно они также более короткие
Это будет потрясающе на многих фронтах
Перевод сделан просто на отъе#ись. Перед публикацией хотя бы сами читайте, что получилось — потому что сейчас это не русский, а гугло-переводческий.

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

Да, Гугл не написал бы «медленная производительность».
Именно поэтому в 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-видео и адаптивные видео могут стать клевой фишкой.

Фоновые видео без возможности их отключить раздражают, да. Особенно на лимитированном подключении.
Only those users with full accounts are able to leave comments. Log in, please.