Дорогой Хабр, формат GIF устарел, включи пожалуйста H.264

    image
    Анимированная GIF. Файл весит 4МБ

    Эта анимированная гифка весит 4МБ, хотя может весить В ДЕСЯТЬ РАЗ МЕНЬШЕ — 380кб! Это ужасно, потому что нагружает интернет-каналы в десятки раз больше, чем должно.

    Почему GIF должен умереть


    • Вес файла GIF ровно в 10 раз больше чем H264
    • Анимированный GIF поддерживает только 256 цветов
    • Формат H264 поддерживают ВСЕ современные браузеры
    • Так как H264 это по сути видео, к нему опционально можно добавить элементы управления: перемотку, паузу.

    Я делаю сложные большие статьи с кучей видео, демонстраций функций, анимаций. Совесть не позволяет мне вставлять гифки по 20МБ в статью, потому что это преступление против современных технологий и каналов провайдеров. Поэтому я прошу хабр добавить возможность вставлять H264 с автовоспроизведением БЕЗ звука, при этом скрывать элементы управления плеера.

    Пример анимации H264



    Анимация в формате h264 весит в 10 раз меньше
    UPD: выше вставлен блок через сайт imgur. Он может не работать у некоторых провайдеров и на телефонах. Это не проблема H264, а проблема конкретного oembed элемента. Попробуйте проверить анимацию здесь blog.zhovner.com/GIF-vs-H264

    Та же самая гифка в формате H264 залитая на imgur весит в десять раз меньше. Но вставлять ее через oembed неудобно, imgur добавляет кучу лишнего мусора. Поэтому я прошу Хабр добавить нативную поддержку mp4 контейнеров, чтобы их можно было вставлять сразу в тело статьи без сторонних сервисов.

    Вставка медиа через iframely




    Есть такой сервис iframely.com. Через него можно слепить oembed элемент для вставки на Хабр. Но у меня не получилось слепить mp4 видео с автовоспроизведением.

    Помогите, страдаю!

    Комментарии 134

      +56
      Два чая этому господину!
        +50
        И еще хорошо бы показывать авторам предупреждение большими красными буквами, когда они вставляют в статью картинку больше 1-2Мб.
          +21
          Правильнее будет автоматически уменьшать размер картинок на стороне хабра, а не городить пользователю перепоны.
          (Я не говорю про шакализацию, я про сжатие размера без различимых для веба потерь, например как на tinypng.com/)
            +8
            Я не уверен, что автомат сможет определить, что нужно сжимать, а что нет. Допускаю, что в каких-то случаях большой размер важен. Поэтому и предложил для начала просто предупреждать. Можно предлагать сжать автоматически, но оставлять возможность отказаться.
              +1
              Гигантские картинки ещё полбеды, а какой же откроется простор для творчества если можно будет вставлять видео. Лимит на максимальный размер файла наверное является оптимальным решением.
                +9
                Перед вставкой видео, все-таки, немножко задумываются. А картинки иногда лепят совсем отключив мозг, как, например, здесь. 60Мб динозавриков. Поубивал бы.
                  +2
                  Спасибо, что заметили — действительно наша ошибка. Поправим в самое ближайшее время. Обычно стараемся пережимать картинки во всех статьях.
                  +1
                  Так видео можно вставлять. Просто оно обычно не подгружается сразу, в отличие от тех же гифок.
                +1
                Вы не правы. При пережатии может теряться значимая информация (попробуйте залить видео с белым шумом на Ютуб, например), поэтому пользователю надо дать контроль над процессом, а не пережимать автоматом.
                +5
                Давайте лучше бан выписывать. Мы же на техническом ресурсе!
                  +1
                  Да пусть вставляют на здоровье, но можно же делать превью «зашакаленное» с подписью, что для загрузки тяжелой картинки жамкните на него. Видео ограничить лучше, а то будут целые фильмы загружать. Кстати, видео можно сделать, что автовоспроизведение разрешено только при длительности не больше N секунд, а со звуком видео браузеры уже не разрешают автовоспроизведение запускать всё равно. Это всё, конечно, лирика, но с GIF действительно что-то делать надо
                    –8
                    Кому в 2021 всё ещё актуально считать траффик до мегабайта? Я без сарказма, мне действительно интересно. Провинция, полярники? Я лично лет 5 назад уже забыл про контроль за потреблением контента, если это только не видео в 720+ точек по мобильной сети или роуминг.
                      +6

                      Вне РФ, увы, интернет крайне дорогой как по абонплате, так и по трафику (и я не про банановые республики).

                        +2
                        А вот представьте себе. Я часто смотрю хабр через feedly, и там в ленте идут десятки статей за день. И бессмысленных КДПВ размером в 3-5Мб встречается довольно много. Они жрут трафик и тормозят. Десяток таких картинок в день — это гиг-полтора в месяц. А трафик далеко не у всех безлимитный. У меня сейчас 10Гб — хватает, но тратить его на ерунду особого желания нет.
                          +3
                          Рекомендую полетать на самолётах, поймёте весь кайф rss лент без картинок.
                            0
                            Во-первых, бывает роуминг, особенно международный.
                            Во-вторых, бывают тонкие каналы, на которых и «текстовые» странички нынешние тяжко грузятся, молчу уж про картинки с видео.
                              +4

                              Три месяца назад как раз жаловался на эту проблему (и мне это обошлось в -6 кармы). А всего-то была огромная, метра на 3, КДВП в статье. А я всего-то сидел на мобильном интернете, в санатории, в 100 км от Иваново, на тонюсеньком канале.


                              И вот оно качало, качало, я думал, ну может там что-то интересное, а? Полезное? Иллюстрирующее статью… нет, это оказался очередной бессмысленный графический мусор, который должен был бы вызывать какие-то ассоциации. Но вызывал их только у автора.


                              И я посмел пожаловаться не в личку!


                              Да, решается это, практически, отключением всех картинок. Но позвольте, как узнать, несет картинка что-то важное, что-то информативное, или это очередной треш или КДВП? Как это сделать, не скачивая картинку? Ведь тег ALT никто не прописывает… максимум alt="image"


                              И вот сейчас пойдет поветрие вставлять видосики в статьи и комментарии и начнется — видосиками начнут заменять анимацию мемов, стикеров, эмодзи…


                              … и мы вернемся в 2000 год, когда в интернете все прыгало, блестело, вращалось, переливалось и вызывало приступы эпилепсии даже у тех, кто никогда не жаловался на трясучку.

                                0

                                Я имею гордую возможность вообще не заморачиваться и смотреть через мобильный интернет видео в 1080+ в режиме нон-стоп. И я же яростно негодую при виде чрезмерно тяжёлой картинки/анимации там, где можно сделать существенно более легковесный вариант. И даже не вижу в своем случае никаких противоречий.

                              +6
                              Все об этом думают, а он предлагает.
                                –1

                                Пашу Второго В Президенты!

                                0
                                Да, давайте! Я за. Только вот что делать с существующими тысячами гифок?
                                  +8

                                  Пусть в старых статьях будут гифки, а в новые видео. Как первый шаг норм.

                                    +15
                                    Так автор предлагает добавить поддержку нового формата, а не удалить старый
                                      +3

                                      Плагин автоконвертации для nginx. Конвертируем, сохраняем в кэше.

                                      Браузер смотрит на content-type а не на расширение .gif в url.

                                      Тэги заменяем вавтоматом один раз.

                                        +3
                                        На одном сайте например, все гифки конвертируются в видео, а в углу есть ссылка на исходную гифку
                                        –37
                                        Дорогой автор, пожалуйста, я вас очень прошу, сначала научитесь раскрывать свою мысль без сложных видеопрезентаций. Пифагору для объяснения величайшего тождества понадобилась палка и куча песка — что вам мешает обойтись текстом, изображениями и GIF?

                                        Потому как я, простите, имел в виду видеть несколько ГБ оперативы и зашкаливающие ядра проца с гудящими, как генераторы ДнепроГЭС, вентиляторами, там, где мне нужно всего лишь прочитать и понять.

                                        Чтению уже больше нескольких тысяч лет. Это самый простой, самый понятный и самый распространенный способ создавать, изучать и передавать информацию. Пользуйтесь им.
                                          +6

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

                                            –3
                                            А можно пример того, когда видео вам помогло понять то, что вы не смогли осознать прочитав?
                                              +11
                                              Легко — как работает какой-то механизм, анимация или интерактивный интерфейс.
                                                +9

                                                Буквально на днях читал какие-то статьи про алгоритмы на графах и там была их визуализация в виде видео гифки, было очень полезно.

                                                  0

                                                  Так видео или гифки?

                                                  0
                                                  Принцип четырёхтактного мотора гораздо легче воспринимается с анимации, или как работает дифференциал ;-)
                                                  +2
                                                  Что делать с теми, для кого это ровно наоборот?

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

                                                  То есть видео в качестве дополнения к текстовой инструкции — это нормально. Кому милее смотреть видео — пусть смотрят.

                                                  А так — думаю, не стоит поощрять вставку видео (см. второй абзац о причинах), если только видео — по сути единственный адекватный формат представления (что бывает редко — ну там, демонстрация навыком обращения с инструментами, обучение танцам и т.п.)
                                                +17
                                                Глядите, как могу!
                                                Невероятно, будущее наступило!
                                                <video>https://valdikss.org.ru/wheelofmoney-ru.mp4</video>
                                                  +2
                                                  И даже просить никого не нужно, ты ба…
                                                    0

                                                    Я хочу автовоспроизведение без звука.

                                                      +20
                                                      А я не хочу, любитель вставлять 4k-видео в бекграунд сайтов.
                                                        0
                                                        Ну вот например видео весом 154КБ. При нормальных условиях, я бы вставил его гифкой, но зачем увеличивать его в 10 раз и ухудшать качество? То что читатель нужно нажимать плэй на каждом таком плеере, это тупизна.
                                                        <video>https://cdn.flipperzero.one/how-to-reboot.mp4</video>

                                                          +21
                                                          Тупизна — это решать ЗА пользователя хочет он смотреть сейчас видео или нет.
                                                            +5

                                                            Гиф уже все решил за пользователя, но весит при этом в 10 раз больше.

                                                            Не вижу ничего плохого в предложении Павла, с учётом, конечно, ограничения длины и размера видео.

                                                            +27
                                                            Павел, видео корректно вставляется и в статью, и в комментарии. Прочитайте заголовок и содержание вашей статьи — вы просите поддержку H.264, но она уже есть, видео вставляется и воспроизводится.
                                                            Только в самом конце статьи (и из комментариев) можно предположить, что вы действительно хотите — возможность включения автовоспроизведения видео.
                                                            У вас никогда не было проблем с выражением своих мыслей, но в этот раз вы поторопились. Скройте статью и переформулируйте ваш запрос.
                                                              +18
                                                              То что читатель нужно нажимать плэй на каждом таком плеере, это тупизна.

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

                                                              Я не могу придумать сценарий, при котором читателю может быть нужно/полезно видеть зацикленное видео, да еще и без кнопок управления плеером.
                                                                +2
                                                                Видео нагружает устройство значительно сильнее gif-анимаций

                                                                У меня gif анимация с КПДВ откровенно тормозила первый прогон. Со второго вроде нормализовалась. Регулярно такое замечаю.
                                                                Недавно в Стиме добавили анимированные рамочки для аватарок, вот там, на странице каталога этих рамочек, у меня процессор попробовал расплавить всё в округе, к моему большому удивлению :)
                                                                  +2
                                                                  gifcities.org/?q=jesus
                                                                  Сотня gif'ок с этой страницы нагружает одно ядро процессора на 13%. Возможно, в steam сделаны неудачные стили, пересчитывающиеся на каждый кадр анимации.
                                                                    0
                                                                    В Steam разгулялись по полной.
                                                                    Анимированные аватары — GIF
                                                                    Анимированные рамки для аватара и стикеры — APNG
                                                                    Анимированные фоны — WEBM (VP8) / MP4 (H.264 [email protected])

                                                                    На заглавной странице каталога всё это в куче одновременно.
                                                                  +3

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

                                                                    +1

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

                                                                    +1
                                                                    То что читатель нужно нажимать плэй на каждом таком плеере, это тупизна.
                                                                    Это как раз нормально. После того, как заблокировал автовоспроизведение на уровне браузера, пользоваться интернетом стало значительно приятнее. В Телеграме сделано правильно — гифки при загрузке кодируются в h264 и показываются как гифки без интерфейса плеера, так же показывается видео без звука, но пользователь сам решает включать ли автовоспроизведение.
                                                                      +2
                                                                      У меня стоит настройка в браузере которая запрещает автовоспроизведение всех видео без исключения. Честно, после неё я вздохнул спокойно.
                                                                      Я мечтаю о подобном и для гифок, если честно. Нафиг мне дёргающееся нечто когда я не хочу этого?
                                                                        0
                                                                        Анимацию гифок можно выключить, но на совсем. Т.е. показывается только первый кадр. Остальные посмотреть нет возможности без обратного включения.
                                                                          0
                                                                          Это как? Если что, я на Firefox-е.
                                                                            0
                                                                            image.animation_mode = none
                                                                        0
                                                                        Тупизна это автовоспроизведение гифок. Благо отключается.
                                                                        +20
                                                                        За автовоспроизведение в вебе нужно проводить сеанс терморектального криптоанализа и объяснять, что такое делать не стоит ни в коем случае.
                                                                          –4
                                                                          Почему вы не возражаете против автовоспризведения GIF?
                                                                            +22
                                                                            Думаю, что вы и я достаточно стары, чтобы помнить, что в Опере штатно можно было выбрать показ только первого кадра gif. А по нажатию — подгрузка и воспроизведение всего остального :)
                                                                              +14
                                                                              Два чаю этому олдфагу…
                                                                              +2
                                                                              Потому что видео != gif. И благодаря именно любителям визуальных презентаций gif выродился в непонятное нечто.
                                                                                +1

                                                                                Почему вы не возражаете против автовоспризведения GIF?

                                                                                Во-первых, возражаем. Когда я открываю на ноуте 2015-ого года Web-версию WhatsApp и пытаюсь вставить gif'ку (что приводит к одновременной загрузке и отображению десятка анимаций), ноут замирает, краснеет, а потом начинает косплеить вертолёт. Один раз он вырвался из рук и разбил люстру (нет). Одна-две автоанимации на статью, одна статья с автоанимацией на страницу ленты — куда ни шло, больше не надо, спасибо. Если бы мы хотели посмотреть кино, мы бы пошли в кинотеатр.

                                                                                Во-вторых, недостатки GIF это и его достоинства. В Твиттере есть ограничение на размер постинга, и оно заставляет людей думать, что и как написать. Аналогично, то, что GIF тяжёлый и неполноцветный, заставляет задуматься, действительно ли надо его вставлять. Перевешивает ли автоматическая анимация все его недостатки.

                                                                                Если в статье нужна видеоиллюстрация, дайте возможность включить её, когда (и если) до неё дочитаем. И не надо её зацикливать.

                                                                            +23
                                                                            Хотите без звука — делайте видео без звука.

                                                                            А вот за автовоспроизведение надо вебмастерам руки отрывать.
                                                                            Первое, что я делаю, когда вижу мельтешение на странице — это тянусь к адблоку.
                                                                              0
                                                                              автостарт видео отключается в секюрити настройках браузера — поэтому мечта старттопика несбыточна ;)
                                                                                0
                                                                                Я в курсе. Но, к сожалению, с гифками это не работает.
                                                                                image

                                                                                Может для хромов есть какое-то решение, но у фокса остался только переключатель normal/once/never в about:config. Я видел когда-то плагин, который мог включать воспроизведение для гифок по нажатию, добавлял паузу и т.п., но это было во времена старого движка. Сейчас есть только плагин, который кнопочку выключения вытаскивает на панель.
                                                                                image
                                                                                  +1
                                                                                  Я читал код того плагина, он к сожалению использовал внутренние механизмы движка — старый API расширений это позволял раньше.
                                                                                  Я думал даже одно время написать свой плагин, который на лету бы конвертировал гифки в VP8/VP9, давая таким образом полноценный видеообъект, который можно контролировать, но очень уж ресурснозатратно это — конвертировать так на лету…
                                                                              +13
                                                                              Автовоспроизведение — зло. Проследуйте в инстаграмм с такими желаниями.
                                                                                +4

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

                                                                                +2

                                                                                <img width="200" src="https://habrastorage.org/getpro/habr/upload_files/143/92b/35d/14392b35d8073f824c9b7c784ad4f46b.png" />

                                                                                Для запуска видео требуется авторизация

                                                                                  0
                                                                                  Не требуется, ни в обычной, ни в мобильной версии, только что попробовал. Вы куда-то не туда нажали.
                                                                                    +2

                                                                                    Сижу в новой версии Хабра, тоже отобразилось требование авторизоваться для запуска видео.

                                                                                  +2

                                                                                  Я случайно ткнул на картинку и понял, что это видео. Лично я был бы не против автовопроизведения. Как не против этого в gif формате

                                                                                    +2

                                                                                    Через год ваш сайт умрёт, или вы решите, что видео занимает излишне много места. И в итоге будет статья с дыркой вместо видео. Не говоря уже о том, что вы теперь трекаете все просмотры этой статьи. Так себе решение, конечно. Это всё не к тому, что видео плохо, но к тому, что хотелось бы его видеть на серверах Хабра.

                                                                                      +6
                                                                                      Так я хочу заливать mp4 туда же, куда заливаю все картинки для статей на хабре — habrastorage.org Или тупо драгэндропить в тело статьи, как делается сейчас в новом редакторе.
                                                                                    0
                                                                                    Чтож, поддерживаю! Раз скорость возрастет, над применять! Интересно только, как добились такой оптимизации.
                                                                                      0
                                                                                      Очень, «Экологично»!
                                                                                        0
                                                                                        Согласен, часто бывает, что интернет плохо ловит или находишься в роуминге, тогда любое сокращение трафика — прямая экономия
                                                                                          +4
                                                                                          Втыкать четырёхмеговую гифку заглавной картинкой — это, конечно, очень хороший тон.

                                                                                          Хабр позволяет вставлять видео. В чём проблема использовать эту возможность?
                                                                                            –5
                                                                                            Нет автовоспроизведения без звука, нет сокрытия элементов плеера.
                                                                                              +9
                                                                                              А кто вам мешает делать видео без звука?

                                                                                              Автовоспроизведение не нужно, а элементы плеера скрываются после начала воспроизведения.
                                                                                                0
                                                                                                >Автовоспроизведение не нужно

                                                                                                Может и автовоспроизведение GIF не нужно? У вас отключено?
                                                                                                  +16
                                                                                                  Было бы можно нормально отключить — отключил бы. Чтобы на каждой гифке кнопка стояла для запуска, как на видео.
                                                                                                  А так приходится держать переключатель в положении «воспроизвести один раз».
                                                                                                    +6
                                                                                                    Автовоспроизведение гифок и видео (в описанном в статье примере они выполняют одну и ту же роль), встроенных на страницы, точно не нужно

                                                                                                    Мой сценарий: я открываю статью, у меня на экране абзац текста и гифка/видео. К тому времени, как я дочитаю текст, видео/гифка уже успеют воспроизвести некоторую свою часть, которую я пропустил, пока читал текст. И приходится перематывать в начало или (если перемотки нет) смотреть до конца, а потом пропущенный кусок. Какой в этом смысл? Это же неудобно.
                                                                                                      +5
                                                                                                      А ещё оно там мельтешит где-то на периферии и отвлекает от чтения.
                                                                                                    +2
                                                                                                    Я дико извиняюсь, что предлагается делать тем, кто не писатель, а читатель статьи, в которой вставлено (будет) видео СО звуком и автостартом?
                                                                                                      –2
                                                                                                      Это технический вопрос. При атрибуте autoplay может добавляться атрибут mute автоматически. Так на айфонах, вроде. Вернее нельзя запустить автовоспроизведение без атрибута mute.
                                                                                                        0
                                                                                                        Расслабиться и получать удовольствие.

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

                                                                                                        В общем, с видео попроще бороться, чем с гифками.
                                                                                                      +1
                                                                                                      при этом скрывать элементы управления плеера
                                                                                                      нет сокрытия элементов плеера
                                                                                                      Вот этого точно не нужно.
                                                                                                    0
                                                                                                    Уважаемый богомол, во-первых, для таких заявлений есть личные сообщения или иногда возникает АМА. Не превращайте хабр в форум, пожалуйста.
                                                                                                    Во-вторых, вы чем думали, когда размещали свою гифку, у всех трафик резиновый, да? Я хочу смотреть хабр нормально и при этом с кдпв, но не задумываться, потрачу я лишние мегабайты на бессмысленную картинку или нет.
                                                                                                      +7

                                                                                                      Но смысл, если дальше в статье пойдут 20Мб жипеги?

                                                                                                        +3
                                                                                                        Путь в тысячу ли начинается с одного шага.
                                                                                                          +2
                                                                                                          Правильный шаг — дать пользователю выбор («режим просмотра»):
                                                                                                          — с максимальным сжатием (только текст и мелкие превьюшки) для тех, кто в далёкой деревне и подключён через слабый 3G, а то и 2G
                                                                                                          — со средним сжатием (картинки среднего качества)
                                                                                                          — с минимальным сжатием для тех, у кого быстрая и безлимитная оптика.
                                                                                                            0
                                                                                                            Opera Mini, экран мобильника 128*128, 2005 год…
                                                                                                            Стоп! На дворе 2021-ый, я только что проверил!
                                                                                                              0
                                                                                                              Не знаю к чему вы это сказали, но браузер живет и здравствует, только 320*240 получше будет.image
                                                                                                        +2

                                                                                                        H264 тоже устарел. Давайте VP9.

                                                                                                          +4
                                                                                                          Да что угодно, лишь бы не GIF.
                                                                                                            +1
                                                                                                            VP9 не все умеют декодировать аппаратно.
                                                                                                              +2
                                                                                                              H264 тоже не все умеют. При этом на том, что не умеет, веб по прежнему более-менее комфортен.
                                                                                                              +3
                                                                                                              Тогда почему именно VP9, а не AV1?)
                                                                                                              0
                                                                                                              Я открыл для себя H264 спасибо
                                                                                                                0

                                                                                                                Вы откройте ещё H.265 aka HVEC. 264 тоже устаревший, но ещё широко используемый.

                                                                                                                  +1
                                                                                                                  HEVC
                                                                                                                    +1
                                                                                                                    Лучше открыть AV1. Ну или накрайняк хотя бы VP9. Не надо советовать license-encumbered форматы.
                                                                                                                    0

                                                                                                                    Под именем AVC он мог быть знаком и раньше.

                                                                                                                    +2

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

                                                                                                                      +3
                                                                                                                      Кстати, такую гифку вы никак не остановите, в отличие от автопроигрываемого беззвучного mp4, по которому можно клацнуть правой кнопкой и включить отображение контролов. А дальше можно на паузу поставить или перемотать.
                                                                                                                        0
                                                                                                                        Гифку можно в редактор гифок загрузить и смотреть как угодно. Жаль конечно браузер так не могёт.
                                                                                                                          +1
                                                                                                                          Ага, ещё распечатать покадрово можно и полистать.
                                                                                                                      0

                                                                                                                      дубль

                                                                                                                        0

                                                                                                                        Сижу на свежем brave. Гифка работает а вот вторая анимация нет :(

                                                                                                                          0
                                                                                                                          Это косяк imgur. Должно быть вот так blog.zhovner.com/GIF-vs-H264
                                                                                                                            0

                                                                                                                            У меня в вашем блоге тоже - гифка работает, а видео просто черное окно.

                                                                                                                            Это особо забавно выглядит с надписью "H264 is much superior. This page demonstrates this."

                                                                                                                              +2
                                                                                                                              Попробуйте использовать любой современный браузер.
                                                                                                                                +1
                                                                                                                                Менять привычный браузер только ради того, чтобы чью-то анимацию смотреть? Может вы ещё скажете, что с Windows ХР надо на десятку переходить? :)

                                                                                                                                На самом деле, я не против того, чтобы гифки поменять на видео — с ними тогда начнёт работать настройка запрета автовоспроизведения и все будут довольны.
                                                                                                                          0
                                                                                                                          Даже можно сделать мягкий переход, не выпиливать сразу гиф, а просто начать меньше его использовать
                                                                                                                            +4
                                                                                                                            А когда уже НЛО прилетит то?
                                                                                                                              0
                                                                                                                              можно еще на canvas пиксели рисовать
                                                                                                                                0

                                                                                                                                Кстати, apng тоже поддерживают все современные браузеры.

                                                                                                                                  0
                                                                                                                                  1) давайте свои настройки кодирование для h264, я вам сейчас дам гифку которая продемонстрирует что вы не правы
                                                                                                                                  2) почему вы не смотрите в более современный webp?
                                                                                                                                    0
                                                                                                                                    >давайте свои настройки кодирование для h264
                                                                                                                                    ffmpeg -i image.gif  -movflags +faststart -pix_fmt yuv420p -crf 25  video.mp4


                                                                                                                                    >почему вы не смотрите в более современный webp?
                                                                                                                                    На Safari вроде не работал, хотя сейчас проверил, работает. А так я не умею делать webp из видео. Ну и Хабр его не поддерживает вообще никак.
                                                                                                                                      0
                                                                                                                                      Дополню:
                                                                                                                                      -preset veryslow -tune fastdecode
                                                                                                                                    +5
                                                                                                                                    Сделал бы ещё хабр, чтобы можно в новом редакторе повесить ссылку на картинку. Такая базовая вещь, но новый редактор старательно её избегает. Обидно.
                                                                                                                                      0
                                                                                                                                      Плюсую, тоже много страдаем от этого.
                                                                                                                                        0
                                                                                                                                        И самое обидное, что в старом редакторе эта штука работала =\
                                                                                                                                      +2
                                                                                                                                      Немного не ясна риторика противников автовоспроизведения видео (но только без звука!). Как уже было упомянуто, у многих браузеров есть возможность автовоспроизведение отключить, поправьте меня, если не так. Получается те, кому оно мешает, могут спокойно его выключить, тогда как воспроизведение GIF не выключается или выключается очень проблематично. Таким образом, чем больше автовидео и меньше гифок, тем лучше противникам этого автовидео.

                                                                                                                                      Если же возможность автовоспроизведения видео убрать, желающие это сделать никуда не уйдут, а просто воспользуются GIF, увеличивая трафик и ухудшая качество.
                                                                                                                                        0
                                                                                                                                        Дело в том, что я упорно ругался с техсаппортом тындекс-новостей (а как оказалось — долбаного дзена), что они не то что задолбали капчёй, а умудрились как-то запускать на проигрывание видео, при том, что в мобильном огнелисе стоял запрет на воспроизведение этих самых видео. Поэтому ну нафиг, гифки проще забанить, да и потеря не велика от их отсутствия, а вот с баном бесполезных видео надо больше думать.
                                                                                                                                          0

                                                                                                                                          Если брать не хабр, а вообще, то видео бывает на фоне, скрытое под другими блоками, до него не добраться. Меня недавно заставили такое делать, мой ryzen5 1600x сходил с ума, так я для себя на сайте сделал настройку через localstorage, которая это видео останавливает.

                                                                                                                                          А на хабре я обычно с мобильного браузера, сейчас попробовал, никак оно не останавливается. В контекстном меню такого нет, а по тапу я пошёл по ссылке.

                                                                                                                                          +2
                                                                                                                                          А почему не сразу H.265, чтобы всех опередить?
                                                                                                                                          Он будет «весить» еще меньше, но и грузить процессор еще больше.
                                                                                                                                          И H264 тоже будет грузить проц больше, чем GIF
                                                                                                                                            0
                                                                                                                                            vp9 будет меньше
                                                                                                                                              0
                                                                                                                                              А почему не сразу H.265, чтобы всех опередить?
                                                                                                                                              Он не поддерживается ничем, кроме Edge, ЕМНИП.
                                                                                                                                                0
                                                                                                                                                Всех опередить это уже av1 надо и его картиночное воплощение avif
                                                                                                                                                0
                                                                                                                                                Видео это замечательно, но вот простые таблицы на Хабре уже есть?
                                                                                                                                                А с видео — в Vivaldi есть команда контекстного меню «сохранить видео как» (и это хорошо), но вот при сохранении всей страницы в mhtml и последующем её открытии видео уже не воспроизводится. Вероятно, оно не вставляется в mhtml как картинки?
                                                                                                                                                  +1

                                                                                                                                                  GIF, это никак не видео формат.


                                                                                                                                                  Автор пытается использовать его в качестве видео формата и негодует, что получается плохо.

                                                                                                                                                    +2

                                                                                                                                                    GIF переживет автора.

                                                                                                                                                      0
                                                                                                                                                      Зато страничку с гифкой можно сохранить, а видео при сохранении потеряется, как я понимаю. Так что «GIF должен умереть» — это перебор, с сохранением видео куда больше возни.
                                                                                                                                                        0
                                                                                                                                                        В этом плане на замену gif лучше подойдет webp с поддержкой анимаций и качеством результата в разы лучше чем у gif и весом куда меньшим. По сути то, что и нужно автору статьи. Поддержка больше 92% включая новые safari
                                                                                                                                                        Но в отличии от видео, тут можно использовать тег picture с fallback ту же гифку.
                                                                                                                                                        apng хоть и качественный результат выдает, но в плане веса куда тяжелее
                                                                                                                                                        avif еще лучше, но он пока мало где поддерживается
                                                                                                                                                        +1
                                                                                                                                                        Лучше наоборот запретить в статьях любые автозагружающиеся анимированные элементы, неконтролируемый жор CPU и памяти не нужен. Видео может быть исключительно в виде элемента «click to play». Конечно, есть аддоны для браузеров типа html5 media tuner, которыми можно отключить видео отдельно для каждого сайта, что у меня и стоит по умолчанию практически для всего, кроме ютуба, но могут быть юзеры мобильных браузеров, у которых аддонов, как правило, нет…

                                                                                                                                                        И странно, что слишком большие картинки не пережимаются в превью на стороне хабра.

                                                                                                                                                        Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                                                                                                                        Самое читаемое