QuickATools

Создатели · Free browser tool

Проверка безопасных зон TikTok и Shorts

Предпросмотр UI-оверлеев TikTok и YouTube Shorts, чтобы подписи и CTA оставались видимыми и в фирменном стиле.

Drag & drop a vertical screenshot

9:16 recommended · JPG, PNG, WebP · up to 20 MB

Platform overlay

Switch UI chrome to match where you publish.

Preview controls

Red bands mark high-collision UI. Keep titles, prices, and CTAs inside the dashed rectangle for TikTok.

Live safe-zone preview

TikTok · 9:16 canvas (360×640)

100% client-side · screenshots never leave your browser

Frequently Asked Questions

Какие платформы покрывает оверлей?

Можно предпросмотреть интерфейс TikTok, YouTube Shorts и Instagram Reels — у каждой платформы чуть другое расположение панели действий, зоны подписей и верхней навигации.

Какое соотношение сторон нужно для скриншота?

Рекомендуется вертикальный скриншот 9:16 — так эти платформы показывают полноэкранное видео. Холст предпросмотра фиксирован на 360×640 (9:16) и cover-обрежет другие соотношения, чтобы вписаться.

Загружаются ли мои скриншоты куда-то?

Нет. Изображения загружаются прямо в браузер и рисуются на HTML5 canvas. Ничего не уходит на сервер — всё, включая итоговый экспорт, остаётся на вашем устройстве.

Что означают пунктирный прямоугольник и линии сетки?

Пунктирный прямоугольник отмечает безопасную внутреннюю область, которую реже всего перекрывает UI платформы. Опциональная сетка добавляет линии правила третей и центральный перекрестие, чтобы выровнять лица, текст и ключевые визуалы перед экспортом.

Инструменты, которые тоже могут понадобиться

Откройте другие бесплатные браузерные утилиты для продавцов, создателей и профессионалов.

Почему safe zone важны при монтаже TikTok, Shorts и Reels

TikTok, YouTube Shorts и Instagram Reels накладывают постоянный UI поверх полноэкранного вертикального видео: справа панель действий (лайки и комментарии), снизу подпись и строка звука, сверху навигация. Если подписи, продуктовые врезки или субтитры попадают под эти элементы, они частично или полностью скрываются — теряются ясность, понимание и в итоге время просмотра.

Safe zone — внутренняя область кадра, которую реже всего перекрывает интерфейс платформы на разных устройствах и версиях приложения. Проектировать под неё значит держать самое важное — лица, ключевой текст, CTA — внутри пунктирного прямоугольника, который инструмент рисует поверх скриншота, а не прижимать к самым краям.

Этот бесплатный чекер safe zone для TikTok и Shorts рисует приблизительный UI каждой платформы прямо на вашем скриншоте через HTML5 canvas, полностью в браузере. Меняйте прозрачность оверлея, переключайте платформы и используйте опциональную сетку правила третей, чтобы кадрировать объекты перед экспортом финального reference-изображения с проверкой безопасной зоны — без загрузки, без аккаунта, без ожидания.