Рамки MacBook и iPhone
Скриншот внутри макета устройства выглядит как реальный экран, а не как отдельный прямоугольник.
Русский
Инструменты Оформитель
Инструменты
Текущий инструмент: Оформитель
Инструменты не найдены
Оформитель скриншотов
Не загружено и не редактировано в браузере
🏙️
Онлайн-инструмент для оформления скриншотов
Инструмент для оформления скриншотов помогает украсить ваш скриншот и фото с удивительной коллекцией фонов. Выберите свой скриншот и желаемую тему, и получите свою картинку.
🤩
Что вы можете сделать с инструментом для оформления скриншотов?
Он помогает создавать потрясающие картинки, добавляя хороший фон к вашему скриншоту, и загружать красивые изображения, которыми можно поделиться на Facebook, Twitter и веб-форумах.
Пользователи могут загружать красивые изображения с идеальным размером и хорошим качеством.
Онлайн-инструмент для оформления скриншотов хорошо работает в Windows, MAC, Linux, Chrome, Firefox, Edge и Safari.
Как оформить скриншот за четыре шага
Необработанный скриншот редко выглядит законченным. Редактор выше примерно за минуту превращает его в изображение в рамке, готовое к публикации, и каждый шаг выполняется локально в вашем браузере.
Добавьте скриншот
Перетащите изображение на холст, нажмите, чтобы выбрать файл, или вставьте его из буфера обмена сочетанием Ctrl+V (Cmd+V на Mac). Можно также сделать снимок вкладки, окна или всего экрана, не уходя со страницы.
Начните с шаблона или настройте всё сами
Четыре шаблона одним нажатием задают размер холста, фон, рамку и тень: «Social Launch», «Product Polish», «Tutorial Focus» и «Developer Code Spotlight». После применения шаблона любую настройку можно изменить.
Выберите рамку и фон
Поместите скриншот в рамку MacBook Pro или iPhone, добавьте светлую или тёмную панель браузера либо Windows, используйте стеклянную рамку или обойдитесь без неё. Среди фонов есть быстрые варианты, градиенты, фоновые изображения, прозрачный фон и умные градиенты, созданные по цветам самого скриншота.
Настройте, добавьте пометки и экспортируйте
Отрегулируйте тень, скругление углов, обводку, внутренний отступ и внешнее поле. Отметьте нужное прямоугольниками, залитыми блоками, кругами, линиями, стрелками, карандашом или эмодзи. Затем скачайте PNG, JPG или WebP в масштабе 1x, 2x или 4x либо скопируйте результат в буфер обмена.
Как выбрать размер холста
Выберите холст до того, как займётесь оформлением: так вы оцените поля и размер текста в той пропорции, которую увидят зрители. Пресеты соответствуют самым частым местам публикации: Social 1200 x 675 для X, LinkedIn и обложек блога; Tutorial 1400 x 900 для документации и обложек курсов; Portrait 1080 x 1350 для ленты Instagram и LinkedIn; Story 1080 x 1920 для вертикальных историй; Product Hunt 1270 x 760 для галерей запуска.
Если пропорции скриншота и холста различаются, результат определяет режим вписывания: Contain показывает скриншот целиком, Cover заполняет холст и обрезает края, а Fill растягивает изображение до размеров холста.
Отступы, поля, тень и углы, которые выглядят профессионально
Поле (от 0 до 220 px) — это пространство между скриншотом и краем холста; отступ (от 0 до 64 px) — цветная полоса вокруг самого скриншота, для неё есть отдельный выбор цвета. Для большинства продуктовых скриншотов хорошо работает поле 64–96 px с тенью Soft или Lifted и углами Soft или Rounded — такое сочетание смотрится аккуратно в любом размере.
Тень Dramatic и углы Showcase приберегите для главных иллюстраций и анонсов запуска, когда скриншот должен словно парить над страницей. На светлом фоне обводка Contrast не даёт бледному интерфейсу слиться с холстом; на тёмных или пёстрых градиентах лучше смотрятся обводки Clean или Frosted.
Как выбрать формат и масштаб экспорта
PNG — самый надёжный вариант для скриншотов интерфейса: он сохраняет чёткость мелкого текста и тонких линий, и именно его нужно выбирать для прозрачного фона. JPG даёт более лёгкие файлы для изображений с фотографиями, но не сохраняет прозрачность. WebP обычно самый компактный из трёх и хорошо подходит для веб-страниц.
Экспортируйте в 2x, если изображение будут смотреть на экранах высокой плотности или увеличивать в документации, и в 4x, если его будут печатать или позже обрезать. Для мессенджеров и почты достаточно 1x. Ни один формат и масштаб не добавляет водяной знак, а размер экспорта ничем не ограничен.
Рамки устройств, фоны и отступы для аккуратных скриншотов
Поместите скриншот в рамку MacBook или iPhone, положите его на градиент или однотонный фон, добавьте отступ и тень и выгрузите картинку, готовую к публикации. Всё выполняется в браузере.
Фоны и отступы
Выберите градиент или однотонный цвет, настройте отступ и скругление, добавьте тень — скриншот перестанет сливаться с фоном страницы.
Без водяного знака и регистрации
Экспорт в полном разрешении, на изображении ничего не проставляется, аккаунт не нужен. Обработка остаётся в браузере.
Куда обычно идут такие картинки
- Анонсы релизов и списки изменений, где голый скриншот выглядел бы небрежно.
- Документация и статьи поддержки, где нужен одинаковый кадр для всех экранов.
- Сначала снимите экран в инструменте скриншотов, затем оформите здесь, не выходя из браузера.
- Прогоните результат через сжатие изображений, если готовый PNG слишком тяжёлый для страницы или письма.
Частые вопросы
Есть ли водяной знак на экспортированном изображении?
Нет. Экспортируется ровно то, что вы видите, в полном разрешении, без водяного знака и без регистрации.
Какие рамки устройств доступны?
Рамки в стиле MacBook и iPhone, а также вариант без устройства — когда нужны только отступ, фон и тень.
Загружаются ли мои скриншоты на сервер?
Нет. Рамка, фон и экспорт выполняются локально, поэтому клиентские и предрелизные скриншоты не покидают устройство.
Можно ли скрыть конфиденциальные данные перед публикацией?
Да. Закройте адреса почты, API-ключи, имена или номера заказов инструментом «залитый прямоугольник». Блок впечатывается в экспортируемое изображение, а поскольку редактирование идёт в браузере, исходник без затирания никогда не покидает ваше устройство.
Какой размер скриншота нужен для X, LinkedIn или блога?
Для X, постов со ссылкой в LinkedIn и обложек блога используйте пресет Social (1200 x 675, пропорция 16:9). Для ленты Instagram и LinkedIn подойдёт Portrait (1080 x 1350), для вертикальных историй — Story (1080 x 1920).
Можно ли экспортировать с прозрачным фоном?
Да. Выберите прозрачный фон, включите «Preserve transparency» в панели экспорта и скачайте файл в PNG или WebP. JPG не поддерживает прозрачность, поэтому при экспорте в JPG фон всегда будет сплошным.
Ваша конфиденциальность важна
Все инструменты ShotEdit обрабатывают изображения на вашем устройстве, поэтому файлы никуда не загружаются. Значок над каждой областью загрузки подтверждает, что инструмент работает в браузере.
Обрабатывается в браузере · Ничего не загружается