svg в стикер telegram
Начните со статичного предпросмотра. Простая галочка поможет проверить контуры, толщину обводки и отступы до добавления движения.
Конвертация SVG и скачивание TGS бесплатны после входа через Telegram.
Разбор на исходном файле
Эта галочка помогает проверить подготовку обводки отдельно от анимации. Три точки образуют один открытый контур без заливки. Сравните исходный SVG и статичный TGS: важны сама линия, закруглённые концы и угол между двумя отрезками.
Исходная линия проходит через три точки и не возвращается к первой. Замыкание добавит ещё одну сторону и изменит символ. Сначала проверьте устройство самого контура, затем переходите к цвету или настройкам движения. Отсутствие заливки здесь намеренное.
Обводка имеет ширину 32 пикселя, поэтому видимая граница выходит за центральную линию контура. Закругления на концах и в месте соединения тоже занимают место. Оставляйте запас вокруг всей графики, а не выравнивайте только её опорные точки по краю холста.
В TGS задана трёхсекундная временная шкала с частотой 60 кадров в секунду, но графика не движется. Само наличие временной шкалы не создаёт анимацию. Проверьте одинаковые участки угла и концы обводки в SVG и в проигрывателе TGS.
Это программно созданный учебный файл, а не экспорт конкретного пресета редактора. Ваш результат в редакторе может отличаться. Проверка структуры не гарантирует, что Telegram примет файл.
В static-check.svg используется холст 512 × 512, один открытый контур без заливки и зелёная обводка толщиной 32 единицы. Концы линии и соединение в углу скруглены. Это небольшой исходник, на котором легко заметить изменение геометрии.
Группа смещена в точку (256, 256), а локальный путь записан как M-100 0 L-28 72 L108-84. Контур специально не замкнут: замыкание добавило бы лишнюю линию между концами галочки.
Сопоставьте исходный SVG со статичным предпросмотром конвертера. Если угол стал острым, пропал конец линии или изменилась толщина, исправьте это до анимации: движение затрудняет поиск проблемы в исходнике.
Файл static-check.tgs создан программно как учебный пример; рядом доступен читаемый Lottie JSON. В нём один слой без движения, длительность три секунды при 60 FPS, размер 342 байта. Несмотря на неподвижный вид, это векторный TGS.
Пример не является записью работы конкретного пресета редактора. Загрузка его SVG не обещает идентичный JSON или такой же размер экспорта. Сравнивайте видимую форму и результаты проверки собственного TGS.
Как это работает
Начните со статичного предпросмотра. Простая галочка поможет проверить контуры, толщину обводки и отступы до добавления движения.
Откройте пример или свой SVG в векторном редакторе. Проверьте viewBox, открытые и замкнутые контуры, заливки, обводки и свободное место вокруг рисунка.
Выберите файл и войдите через Telegram. Копия выбранного SVG отправляется сервису для диагностики; конвертация выполняется в браузере.
Выберите статичный режим. Рассмотрите концы галочки и её угол, затем оцените весь рисунок в маленьком размере.
Прочитайте предупреждения экспорта и скачайте файл. Откройте его в проверке TGS, чтобы увидеть формат и измеренные параметры.
Когда форма выглядит правильно, попробуйте доступную анимацию и проверьте новый экспорт. Перед добавлением в набор пройдите отдельную проверку публикации.
Сценарии
Готовьте векторную графику для стикеров, кастомных эмодзи и брендовых наборов Telegram.
Сравните толщину, концы и соединения у галочек, стрелок и других открытых линий.
Превратите редактируемый текст в контуры, чтобы форма букв не зависела от установленного шрифта.
Начните с одного простого контура, прежде чем проверять большой логотип с вложенными группами и эффектами.
Формат
SVG служит исходником для конвертера. TGS содержит сжатые данные векторной анимации, в которых форма может оставаться неподвижной. Статичный режим не превращает результат в PNG или WebP.
Для обычного статичного стикера-картинки существует отдельный процесс Telegram. Здесь неподвижная галочка нужна как контроль геометрии перед созданием TGS с движением.
Советы и требования
Скачайте SVG для проверки конвертера или посмотрите небольшой пример анимированного TGS.
FAQ
Нет. У нашей галочки открытый путь без заливки и круглая обводка толщиной 32. Замыкание добавило бы сегмент и изменило рисунок.
Не обязательно. Сначала сравните импортированную линию с исходником. Перевод в контур может помочь при расхождениях, но превращает линию в залитую геометрию и иногда увеличивает число точек.
Живой SVG-текст зависит от обработки текста и шрифтов. Переведите надпись в кривые в исходном редакторе, сохраните отдельный SVG и проверьте импорт.
Это намеренный контрольный пример: один слой, три секунды при 60 FPS и ни одного анимированного свойства. Так легче сравнивать обводку.
Нет. Это небольшой программный образец. В вашем файле могут использоваться другие возможности, поэтому нужно проверить его предпросмотр и готовый TGS.
Начать
Загрузите векторный исходник, войдите через Telegram и сравните статичный предпросмотр до добавления анимации.
