Украшение скриншотов — добавляйте фоны, тени и рамки окон

Превращайте обычные скриншоты в изображения, которыми хочется поделиться

Необработанный скриншот в твите, на слайде или на странице продукта часто выглядит плоским и незаконченным: резкие края, никакого пространства вокруг и неудобное соотношение сторон, из-за которого лента его обрезает. Дизайнеры решают это, размещая скриншот на цветном фоне с щедрыми отступами, скруглёнными углами и мягкой тенью. Этот инструмент для украшения скриншотов делает это за секунды. Перетащите или вставьте изображение, выберите один из готовых градиентов или свои цвета — и предпросмотр обновляется, как только вы двигаете ползунки. В качестве фона можно также использовать фото, размытое, чтобы не отвлекать от содержимого, или оставить фон прозрачным, чтобы разместить оформленное окно в собственном дизайне слайда.

Рамки окон, соотношения сторон и водяные знаки

Необязательное оформление окна помогает с первого взгляда узнать в обрезанном скриншоте приложение или сайт. Рамка окна macOS добавляет привычный заголовок с красной, жёлтой и зелёной кнопками, рамка окна браузера добавляет адресную строку с выбранным вами текстом, а тёмное окно подходит для скриншотов терминала или кода. Готовые размеры холста расширяют фон до точных пропорций — 16:9, 4:3, 1:1, вертикальные 4:5, 9:16 для сторис, а также размеры для публикаций в Twitter / X и LinkedIn, — при этом скриншот остаётся по центру и никогда не обрезается. Отступы, радиус углов и тень масштабируются в зависимости от разрешения скриншота, поэтому одни и те же настройки одинаково выглядят на маленьких и больших изображениях. Внизу можно добавить короткий водяной знак, например ваш никнейм или адрес сайта.

Чёткий экспорт, полная конфиденциальность

Экспорт рендерится из исходных пикселей скриншота, а не из предпросмотра. Выберите 1×, чтобы сохранить родной размер, или 2× для особенно чётких результатов на retina-дисплеях; очень большие холсты автоматически ограничиваются тем, что способны обработать браузеры. Результат — PNG, поэтому текст на скриншоте остаётся чётким без артефактов сжатия. Вся композиция выполняется локально с помощью Canvas API — скриншоты часто содержат личные сообщения, дашборды или данные клиентов, и они никогда не загружаются на сервер.