Войти
Flagram header logo mobile
Каталог
Решения
— Решения — Биржа рекламы — Поиск и аналитика — Кампании — Размещения — Оплата
Ресурсы
— Блог — Помощь — Редактор скриншотов
О проекте
— О проекте — Контакты
Войти
ЦВЕТ ИНТЕРФЕЙСА
Инструмент

Редактор скриншотов онлайн

Сделайте красивый скриншот для презентации, поста или рекламного макета: рамка браузера, смартфона или поста Telegram и ВКонтакте, размытие лишних деталей, градиентный фон, тень и скругление углов, готовые форматы соцсетей. Всё считается в браузере — изображение никуда не загружается.

—

Перетащите скриншот сюда

или вставьте из буфера обмена Ctrl + V

Расширение для Chrome

Снимает видимую область вкладки и сразу открывает этот редактор с подставленным изображением и адресом страницы. Исходники — в репозитории, папка extension/flagram-screenshot; устанавливается через chrome://extensions → режим разработчика → «Загрузить распакованное расширение».

Скриншот из системной утилиты редко годится для презентации или рекламного поста: он обрезан по краю окна, лежит на белом фоне и не попадает в формат площадки. Редактор Flagram делает из него красивый скриншот в один экран — добавляет мокап окна браузера в светлом или тёмном оформлении с адресной строкой, подкладывает градиентный фон или свой цвет, задаёт тень, скругление углов, поворот и поля, после чего выгружает PNG в нужном соотношении сторон: 16:9 для презентаций, 1.91:1 (1200×630) для Open Graph и превью ссылок, 1:1 и 4:5 для ленты, 9:16 для сторис. Всё считается прямо в браузере через canvas — файл не загружается на сервер. Скриншот можно перетащить, вставить из буфера или снять расширением Flagram для Chrome.

Как добавить рамку браузера к скриншоту?
Загрузите изображение и в разделе «Скриншот» выберите рамку — светлую или тёмную. Вокруг картинки появится окно браузера с кнопками и адресной строкой, в неё можно вписать любой адрес. Вариант «Без рамки» оставляет скриншот как есть, но сохраняет фон, тень и скругление.
Загружается ли скриншот на сервер?
Нет. Изображение обрабатывается локально в браузере с помощью canvas: файл не покидает ваш компьютер и никуда не отправляется. Поэтому редактор подходит и для внутренних интерфейсов, и для рабочих экранов с чувствительными данными.
Как скруглить углы и добавить тень?
Ползунки «Скругление» и «Тень» в разделе «Скриншот» — радиус углов и глубина тени задаются отдельно и применяются к самому скриншоту вместе с рамкой. Рядом — «Поворот» для лёгкого наклона и «Поля» для отступов между скриншотом и краем холста.
Какие форматы подходят для соцсетей?
16:9 (1920×1080) — презентации и обложки видео. 1.91:1 (1200×630) — превью ссылки в соцсетях и мессенджерах, стандарт Open Graph. 1:1 (1200×1200) и 4:5 (1080×1350) — публикации в ленте. 9:16 (1080×1920) — сторис и вертикальные форматы.
Какой размер картинки нужен для поста в Telegram?
Для изображения в посте достаточно формата 1:1 или 4:5 — Telegram показывает их без обрезки в ленте канала. Для превью ссылки нужен формат 1.91:1 (1200×630): именно его мессенджер берёт из Open Graph. Оба размера есть в переключателе «Формат», пересчитывать вручную не нужно.
Как добавить скриншот в редактор?
Тремя способами: перетащить файл в рабочую область, выбрать его кнопкой или вставить из буфера обмена сочетанием Ctrl+V (Cmd+V на macOS). Расширение Flagram для Chrome снимает вкладку и открывает редактор с уже подставленным кадром.
Что даёт режим 2× при экспорте?
Экспорт в двойном разрешении. Изображение остаётся резким на Retina-экранах и в печати, а также переживает уменьшение при вставке в презентацию. Размер файла при этом растёт примерно вчетверо.
Можно ли сделать прозрачный фон?
Да, в палитре фонов есть вариант «Прозрачный». PNG сохранится с альфа-каналом — скриншот с рамкой и тенью можно положить на любую подложку в презентации или графическом редакторе.