SVG to TGS: из вектора в стикер

У вас есть красивый логотип или иллюстрация в SVG, и хочется оживить его в виде стикера. Обычно для этого нужен After Effects и специальный плагин. SVG to TGS обходится браузером: загрузили рисунок, выбрали анимацию, скачали файл .tgs. 🎨

Бот в Telegram служит входом в сервис, а сам редактор открывается в браузере.

Пять шагов от рисунка до файла

1. Загрузите векторный SVG и войдите через Telegram.
2. Выберите готовую анимацию или статичный режим без движения.
3. Посмотрите превью и исправьте предупреждения проверки.
4. Скачайте файл .tgs.
5. Добавьте его в набор через официальный инструмент Telegram для стикеров.

Разбор SVG, анимация и сборка TGS выполняются прямо в браузере.

Жёсткие рамки, которые задал Telegram

У анимированного стикера свой формат. Формат TGS описывает Telegram, и у него строгие лимиты. Встроенная проверка в сервисе блокирует скачивание, если файл им не соответствует.

• Холст: 512 × 512 пикселей, объекты не должны выходить за него.
• Размер: не больше 64 КБ.
• Длительность: до 3 секунд.
• Частота кадров: 60 кадров в секунду, анимация должна быть зациклена.

Что сервис не принимает

Принимаются только векторные SVG. PNG, GIF, Lottie JSON и готовые TGS не подойдут. Встроенные картинки и живой текст игнорируются, поэтому текст сначала переведите в кривые.

Фильтры, маски и узоры могут потребовать переделки. Если в SVG больше 60 редактируемых векторных элементов, доступен только статичный режим. ⚠️

Как уложиться в 64 КБ

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

• Упростите контуры: уберите лишние узлы и мелкие детали.
• Анимируйте меньше слоёв: двигаться может только часть рисунка.
• Сократите градиенты: плоские цвета весят заметно меньше.

Что рисовать, чтобы вышло хорошо

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

Помните, что стикер часто смотрят размером с ноготь. Тонкие линии и мелкие детали на таком размере теряются, а места в 64 КБ занимают. Проверяйте превью в реальном масштабе. 👀

Если планируете целый набор, держите единый стиль: одинаковая толщина контура и палитра делают набор цельным.

Бесплатно и Pro

После входа через Telegram конвертация, бесплатные пресеты анимации, предпросмотр и скачивание TGS не стоят денег. Платный Pro добавляет больше вариантов анимации, предпросмотр в Telegram и автоматизацию наборов. Цена в описании сервиса не указана, смотрите её на месте. 💡

Про приватность файла

Сервис пишет, что выбор файла отправляет его копию на сервер для диагностики, в том числе до входа через Telegram. С платными функциями экспортированные файлы проходят через сервис на пути в Telegram. Если рисунок конфиденциален, учтите это. 🔐

Сервис независимый и не связан с Telegram. Бот с одной командой /start служит точкой входа, дальше вы работаете в веб-редакторе.