Как пользоваться
- Выберите площадку в верхнем сегменте: Google (десктоп или мобайл), push iOS/Android, Facebook/Instagram, TikTok, Telegram или X.
- Заполните форму слева: отправитель, ссылка, заголовок, текст, URL иконки и картинки, текст кнопки, время и просмотры. Подписи полей меняются под площадку.
- Смотрите макет справа — он перерисовывается на лету. Хвост, который площадка обрежет, подсвечен янтарным и перечёркнут; счётчики под макетом показывают символы против лимита.
- Переключите тему превью (светлая/тёмная), затем Копировать текст — для отправки заказчику, или Печать / PDF — чтобы сохранить макет.
Что делает превью-студия
Инструмент рисует CSS-макеты восьми площадок в нейтральных цветах: результат Google на десктопе и в мобильной выдаче, push-уведомление на экране блокировки iOS и в шторке Android, объявление в ленте Facebook/Instagram с картинкой и CTA-кнопкой, вертикальную карточку TikTok, пост Telegram-канала с поддержкой **жирного**, __курсива__, `кода` и [ссылок](url), а также карточку ссылки в X. Все данные — из одной формы, поэтому один и тот же текст можно за секунду примерить на каждую площадку и увидеть, где он ломается.
Под макетом — счётчики: символы заголовка и текста против лимита выбранной площадки и вердикт «влезает / обрежется». Часть текста сверх лимита подсвечивается прямо в макете.
Зачем арбитражнику и маркетологу
- Проверить сниппет до публикации: заголовок в 60 символов и description в 155 — привычные ориентиры, но лишний хвост в макете виден нагляднее, чем цифра.
- Согласовать креатив с заказчиком или байером без доступа к рекламному кабинету — скриншот макета понятнее таблицы с текстами.
- Написать ТЗ дизайнеру: макет показывает, куда встанет картинка 1.91:1 в FB и 9:16 в TikTok и сколько текста поместится рядом с кнопкой.
- Отредактировать пуш так, чтобы главное было в первых двух строках — на экране блокировки дальше просто не видно.
Нюансы и честные оговорки
Google измеряет заголовок и описание в пикселях, а не в символах: «60 и 155» — усреднённые значения, широкие буквы W и M съедают место быстрее, чем «i» и «l». Facebook прячет основной текст после ~125 символов под «Ещё», а headline и description карточки обрезает ещё жёстче. В Telegram лимит поста — 4096 символов, но подпись к фото — только 1024, инструмент переключает лимит автоматически при добавлении картинки. Обрезка push-уведомлений зависит от устройства и версии системы: iOS показывает около четырёх строк, Android — по-разному в свёрнутом и развёрнутом виде.
Экспорт в PNG прямо из браузера без сторонних библиотек сделать честно нельзя (HTML не растеризуется canvas-ом), поэтому вместо него — «Копировать текст» и «Печать / PDF»: в диалоге печати выберите «Сохранить как PDF», в файл попадёт только макет. Картинки подставляются по вашим URL как обычные <img>: сервер affpapa их не загружает и не проксирует; если хостинг картинки запрещает горячие ссылки, покажется плейсхолдер.
Частые вопросы
Насколько точно превью сниппета Google совпадает с реальной выдачей?
Макет повторяет структуру результата (иконка, сайт, хлебные крошки, заголовок, описание), но лимиты считаются в символах, тогда как Google обрезает по ширине в пикселях и может переписать title сам. Используйте инструмент как быстрый ориентир, а не как гарантию.
Можно ли скачать превью объявления в PNG?
Прямого экспорта в PNG нет: браузер не умеет рисовать HTML в canvas без сторонних библиотек. Нажмите «Печать / PDF» — в диалоге печати сохраните макет в PDF или сделайте скриншот области превью.
Какой лимит текста у поста Telegram с картинкой?
Подпись к фото или видео — 1024 символа, обычный текстовый пост — 4096. Инструмент переключает лимит сам, как только указан URL картинки, и считает длину без markdown-маркеров, как Telegram.
Сколько символов помещается в push-уведомление iOS и Android?
Ориентиры в макете: iOS — заголовок ~40 символов и до четырёх строк текста (~180 символов), Android — заголовок ~50 и до ~240 символов в развёрнутом виде. Реальная обрезка зависит от устройства, шрифта и языка.
Куда сохраняются введённые тексты?
Только в localStorage вашего браузера — чтобы форма пережила перезагрузку страницы. На сервер ничего не уходит; кнопка «Очистить» стирает всё разом.
