Сетка эмодзи — это один рисунок, собранный в сообщении из нескольких отдельных элементов. Для SVG to TGS подготовьте векторный SVG с пропорциями выбранной сетки: фотографию или PNG сначала нужно обработать в другом редакторе. Само переименование картинки в SVG не даст пригодных для TGS контуров.
Выберите сетку по месту в сообщении
Начните с черновика публикации: где будет мозаика, что находится над ней и какой текст идёт следом. Для короткого широкого заголовка разумно проверить сетку 4×2; квадратная иллюстрация лучше сочетается с одинаковым числом колонок и строк. Это дизайнерский выбор, а не универсальный рецепт для любого канала.
В инструменте доступны прямоугольные сетки до 7×7. Большее количество ячеек означает больше отдельных элементов, которые нужно правильно собрать и проверить. Для первого опыта выберите небольшой рисунок без мелкого текста. Убедитесь, что смысл сохраняется, когда мозаика занимает обычную ширину сообщения, а не весь экран вашего редактора.
Согласуйте пропорции SVG и число ячеек
Соотношение ширины и высоты SVG должно совпадать с отношением колонок к строкам. У сетки 4×2 это 2:1. Например, для учебного макета можно использовать область viewBox="0 0 2048 1024": эти числа описывают общий рисунок, а не размер одного эмодзи. Инструмент показывает подходящее соотношение при выборе сетки.
Если у вас квадратный рисунок, а выбран широкий прямоугольник, вернитесь к композиции: добавьте свободное место, переставьте объекты или выберите другую сетку. Насильно растягивать круг в овал ради соответствия не стоит. Экспортер также не должен угадывать, какие части рисунка можно обрезать. Решение о кадрировании лучше принять в исходном документе.
Подготовьте рисунок к границам ячеек
Рассмотрим баннер «Скоро открытие» с символом чашки. Если вертикальная граница проходит через узкую букву, небольшой промежуток между эмодзи будет особенно заметен. Попробуйте перенести текст выше, увеличить межбуквенные расстояния или заменить длинную фразу коротким обозначением. Мозаика не обязана повторять макет плаката.
Смотрите на рисунок с наложенной сеткой. Детали на стыках желательно делать устойчивыми к небольшим различиям отображения: широкая цветная область переносит их легче тонкой линии. Подготовьте надписи как контуры, удалите встроенные растровые изображения и сохраните отдельный экспортный SVG. Если нужен точный фотографический баннер, обычное изображение в сообщении может лучше решить задачу.
Нарежьте вектор и сохраните файлы
Откройте сетку эмодзи, выберите число колонок и строк, затем загрузите SVG. Проверьте сообщение о пропорциях и целый рисунок в предпросмотре. Если инструмент предлагает другую сетку, сравните её с исходным замыслом прежде, чем соглашаться: изменение раскладки влияет на место мозаики в публикации.
Для статичной сетки доступен экспорт ZIP с TGS-файлами; синхронизированные эффекты относятся к Pro. Сохраните архив в папке конкретной версии макета и распакуйте отдельно. Не смешивайте ячейки двух экспортов: похожие части могут визуально совпадать, но относиться к разным размерам, отступам или эффектам. Для функций отправки предпросмотра в Telegram требуется вход.
Проверьте порядок строк в Telegram
Добавьте подготовленные элементы в набор эмодзи через официальный сценарий Telegram, затем соберите пробное сообщение. Для выбранной сетки 4×2 в первой строке должны оказаться четыре ячейки, во второй — следующие четыре. Ориентируйтесь на порядок файлов и проверяйте картинку целиком: отдельная одноцветная ячейка сама по себе мало о чём говорит.
Следите за случайными пробелами и переносами. Если часть баннера оказалась правее, сначала проверьте структуру сообщения, а уже затем перерисовывайте исходник. Просмотрите черновик на телефоне и компьютере: расстояния между строками и доступная ширина могут различаться. Инструмент предлагает выбор целевого устройства; окончательный результат всё равно стоит проверять там, где его увидят читатели.
Исправляйте мозаики как целый макет
Если обнаружилась щель на стыке, вернитесь к общему SVG и оцените две соседние ячейки одновременно. Ручное смещение одной готовой части может исправить один край и нарушить другой. После изменения пропорций или расположения рисунка безопаснее экспортировать новую согласованную версию всей сетки.
Сохраните пример правильно собранного сообщения рядом с исходником. Укажите число колонок и строк в имени папки, например opening-4x2-v02. При следующем обновлении даты это поможет не повторять расчёт заново. Не обещайте одинаковый внешний вид на любом размере экрана: проверяйте выбранный макет в реальном контексте публикации.