Как добавить анимированный стикер в Discord'e?

Вступление

С 30 июля в Discord'е стали доступны стикеры: был добавлен дефолтный набор стикеров и возможность добавлять свои пользовательские стикеры.

Для использования своих пользовательских стикеров нужно, как минимум, иметь первый уровень буста сервера:

Меню редакции стикеров уже бустанутого сервера

Ограничения в стикерах таковы:

1. Тип файла: PNG, APNG или Lottie
2. Размер файла: 500 кб
3. Разрешение: 320 x 320*

Со статичными стикерами всё довольно легко. Просто загружаешь картинку в PNG, по вышеперечисленным требованиям, и готово!

Но вот с анимированными могут возникнуть вопросы. Первое с чем придётся смириться - запрещается загружать GIF картинки, а доступные форматы файлов для анимации только два: APNG и Lottie.

В ходе моих попыток добавить анимированный стикер я узнал, что Lottie не работает с растровыми изображениями, даже после конвертации GIF в Lottie. Только вектор - только хардкор!

Стикер ореха из ВКонтакте

Так что мой выбор пал на APNG и это оказалось даже проще чем я представлял.

Инструкция

1. Скачиваем желаемый GIF
(Tenor как один из источников гифок)

Пример для гайда

2. Переходим на сайт Ezgif.com
Нам нужен раздел APNG, а именно GIF to APNG

3. Нажав на кнопку "Выберите файл",
кликните на желаемый GIF и затем нажмите на "Upload"

Файл не должен быть выше 35 МБ

Перед Bами появится меню редактирования GIF.
4. Где нужно будет просто кликнуть на "Convert to APNG!".

Вот тут

5. Далее (если требуется) следует поменять разрешение гифки на нужный (кратный 320 пикселям*) кликнув на "resize"

Здесь

При желании можно будет обрезать желаемый кусок от гифки, нажав на "crop"

Под Вашей гифкой появится маленькая менюшка,
где выбирается размер картинки:

Меню соотношения картинки

6. Выбираете оптимальное для Вас соотношение картинки и затем кликаем на "Resize image!"

Вот здесь

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

Ниже уже появится уменьшенная картинка и
7. Нужно убедиться, что размер файла соответствует стандартам Discord - 500 кб

Это здесь

8. Удостоверившись в весе картинки, можно гордо нажимать на "save"

Браузер скачает ваш готовый APNG, который можно будет загрузить на Ваш сервер:

Всё ок - apng это всё равно png. Не нужно волноваться если подумали, что сделали что-то не так

9. Загружаете на свой сервер следуя следующему алгоритму:
Настройки сервера -> Стикеры -> Загрузить стикер

Источник: https://blog.discord.com/unleash-your-creativity-with-stickers-on-discord-99363194871

Далее выбираете нужный анимированный стикер, называете его, привязываете его к дефолтному эмодзи и, по желанию, пишите описание для стикера:

Из той же статьи

Поздравляю! Теперь у Вас есть не просто статичный мем, а флексящий Рикардо прямо на вашем сервере.

Рикардо Милос для тех кто не знал

От себя

Мне очень понравился апдейт со стикерами, особенно когда узнал что можно заливать даже анимированные, но вот их добавление было для меня неочевидным, как это было с гиф-эмодзи. По совпадению все стикеры, которые я хотел добавить на свой сервак были именно GIF, а как я писал выше: Дискорд не позволяет тебе загрузить гифку что стало проблемой. Прогуглив разрешённые форматы файлов для анимации, я наткнулся сперва на Lottie и, потратив 5-10 минут чтобы конвертировать гифку в Лотти (если это так читается), был обломан опять же Дисом из-за "запрета на растр в Лотти файле". Я был в замешательстве, но быстро стал искать другой путь, приведший меня к APNG. Погуглив как конвертировать GIF в APNG, я был сильно удивлён простотой процесса, что решил поделиться с другими моим найденным способом.

А также я впервые пишу статью на Яндекс.Дзене и потому буду рад вашему фидбэку и исправлениями моих ошибок, которые я мог допустить. Спасибо за ваше внимание и удачи, Дискорд-юзеры!