Проклятье несовершенства GIF

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

* * *

Руководство

Как происходит процесс загрузки небольшого файла длительностью меньше 2 секунд и какую ссылку нужно достать для теста:

С этого момента я ввожу счетчик возможных факапов. Нумерация будет идти с решеткой:

• #1 - Ссылка. Ссылку нужно брать ТОЛЬКО с адресной строки сайта. Если взять её с адреса изображения или кнопки "поделиться", то привязать гифку к тесту не выйдет
• #2 - если указать гифке приватный вид, то в тесте она заменится на гифку с ошибкой. Гиф обязательно должна быть публичной. Ты не можешь сделать гиф доступной по ссылке ограниченному кругу лиц, как это возможно на ютубе
• #3 - если ты загружаешь на сервис готовый гиф файл, то он будет ниже качеством, чем если бы ты загрузил mp4 или предоставил бы ссылку на ютуб. Почему так работает? - гифки сами по себе очень тяжелые, они могут весить в 1.5/2/4/8/10 раз больше чем видеофайл. Размер гиф зависит от длины видеоряда (кол-во картинок, кадров), фреймрейта (кол-во кадров в секунду. Гиф обычно идут в 15/24. Скомпресованные могут идти в 30+), разрешения и используемой палитры цветов (палитра цветов в гиф ограничена 256 цветами, в то время как видео (напр. с кодеком H264) этого ограничения не имеет). При загрузке на сервис гиф - сервис не обратит внимание на подготовленность файла, он сожмет его сильнее потому что он выглядит толстеньким как маленькая сука книжечка по энциклопедии мира. Я также не рекомендую хранить gif файлы на пк/телефоне по причине размера.
  
  Насчет подготовки файла: не нужно. Не надо подготавливать гиф файл, заходя в фотошоп или aseprite. Не нужно упрощать цвета, ковыряться с гибким фреймрейтом, дубликатами кадров и прочее... Это полезно, но не для сервиса GIPHY. Ему похуй
• #4 - GIPHY сокращает разрешение до приблизительных 480 x 340. Так он борется с размером. Файлы в 20+ секунд обязательно нужно сокращать редактором. Максимум можно сократить до 15-ти секунд (сервис предлагает до 30, но если вы с ним согласитесь и скажите "SEEMS LIKE A GOOD IDEA", то он даст вам такое мыло, которое вам и не снилось)
• #5 - гифки больше не вставляются в пост. При попытке лично у меня всегда возникает ошибка: маленький белый абсолютно пустой квадратик в левом-нижнем углу экрана. Загрузится ли гиф после его исчезновения? - Нет, но вы все равно можете попробовать (или заменить все гифки видеороликами)

Как уже сказал в п4 - видеофайл можно обрезать в GIPHY, однако есть два условия загрузки в их редактор:

• #6 - файл должен быть меньше 100 мегабайт (иногда случается так, что на пк файл больше сотни)
• #7 - файл должен быть короче 10 минут (проблема случается чаще с видео на ютубе)
• Проблема #6 решается запуском собственного видеоредактора и обрезкой вручную
• Проблема #7 решается обрезкой и скачкой видео через сторонние сайты (иногда они бывают недоступны и приходится качать видео через утилиту/расширение и обрезать своими программами)

Так выглядит обрезка в редакторе GIPHY:

• #8 - обрезанный файл можно сразу скачать в формате mp4 (мало-ли сервис схлопнется как gfycat. Лучше быть предусмотрительным, чем потерять пару тестов без возможности восстановления). Если вы решите оставить это на потом, то "потом" можно загрузить только в формате гиф

Пункт 8 (о сохранении) может и надуманный, но вот как выглядит мое кладбище:

Ниже очень важная тема - как получить высокое качество гифки

В чем проблема:

• #9 - В первом фрагменте проблема в том, что у 15 секунд есть сотые доли секунды
• Во втором фрагменте файл дольше 20 секунд, следовательно гифи пережал его "как только можно и нельзя" чтобы уложиться в его собственную размерную норму
  

Как её решить:

• Те же "15 секунд" без сотых долей показаны ниже (абсолютно другое качество)
• Я также закинул файл на 20 секунд для сравнения, но с ним ничего не поделаешь

* * *

И теперь гиф турнир готов, ошибки исправлены и всё прекрасно. Смотрим тест (можешь не заглядывать внутрь. Ниже есть скриншот с нужным качеством):

Вроде неплохо, не так уж и мыльно для 480p на пк

• #10 - мобильные юзеры...

upd. с описаниями был баг

• #11 - не для кого не секрет, но процесс воспроизведения гифки нельзя остановить. Ты можешь следить за одной, пока проигрывается вторая. Если каждая гифка длиной в 15 секунд, то проблем нет - цикл заканчивается и смотришь на другую. Если же они не равны по времени (к примеру вторая гиф на 7/10 секунд), то смотреть вторую ты будешь уже где-то на середине
• #12 - если у проходящего турик медленный интернет, то каждая гиф будет подгружаться 10 000 лет
• #13 - это не совсем относится к пикуко, но гифки не чувствуют альфа-канал. Прозрачные пиксели воспроизводит только их APNG аналог  

И знаешь что? Я совсем не горю. Это забавно. Я выпущу еще много гиф турниров потому что я очень люблю гифки. На столько сильно, что вкладка "интересное" в категории GIF будет содержать в себе 99.9% Мэйва. Обожаю мыло, да и деду нравится (мобильных юзеров конечно жаль, извините ребята, я тут монополию строю и чувствую запах денег... И мыла)

• UPD 29.11.23 - #14 (связано с #3) - если на гиф планируется много цветов, то будьте готовы что всё изображение будет рябить от кадра к кадру. Шум устранить невозможно, как не подгружай...