Рамка для скриншотов
Поместите скриншот в светлую или тёмную адресную строку браузера либо окно macOS, уложите на один из 8 градиентов или однотонный фон и экспортируйте аккуратный PNG в 1x или 2x. Бесплатно, без водяных знаков, полностью в браузере.
Что делает рамка для скриншотов?
Она помещает ваш снимок в реалистичную оболочку — светлую или тёмную адресную строку браузера, окно macOS с классическими кнопками-светофорами либо вовсе без рамки, укладывает на градиент или однотонный фон и экспортирует готовый PNG для документации, постов или витрин магазинов.
Можно ли менять текст в панели браузера?
Да. Поле URL или заголовка задаёт текст, который рисуется в адресной строке браузерных оболочек и в центрированном заголовке окна macOS. В макете можно показать любой домен или подпись.
Какие фоны доступны?
Восемь тщательно подобранных многоступенчатых градиентов плюс пипетка для любого однотонного цвета фона. Живой предпросмотр обновляется мгновенно при переключении.
За что отвечают радиус, отступ и тень?
Радиус скругляет окно рамки от 0 до 24 px, отступ добавляет 0–64 px воздуха между оболочкой и снимком, а сила тени от 0 до 100 процентов определяет, насколько окно «возвышается» над фоном.
Что выбрать для экспорта: 1x или 2x?
1x — для быстрого обмена, 2x — когда изображение показывается на retina-экранах или увеличивается, например в документации или галерее магазина. Экспорт 2x удваивает ширину и высоту для резкости.
Мои скриншоты куда-то загружаются?
Нет. Композиция выполняется целиком на canvas-элементе в вашем браузере, а итоговый PNG создаётся локально. Изображения не покидают устройство.
Как добавить скриншот в инструмент?
Три способа: кликните по зоне загрузки и выберите файл, перетащите скриншот на неё или просто вставьте из буфера обмена горячей клавишей вставки.
Где использовать оформленные скриншоты?
Везде, где помогает чистый продуктовый кадр: readme и документация, статьи, changelog, твиты, работы на dribbble, презентации, галереи магазинов приложений и расширений.
Как использовать Рамка для скриншотов
Эта рамка превращает сырой скриншот в презентационно готовое изображение без каких-либо дизайнерских инструментов. Она оборачивает снимок в светлую или тёмную адресную строку браузера, окно macOS со светофорными кнопками, либо оставляет голым, укладывает на один из восьми градиентов или любой однотонный цвет и собирает всё на лету на холсте. Радиус, отступы, тень и текст адресной строки настраиваются, а экспорт PNG выполняется локально в вашем браузере.
- Перетащите скриншот в зону загрузки, щёлкните для выбора файла или вставьте из буфера обмена.
- Выберите рамку в селекторе «Рамка»: светлый браузер, тёмный браузер, окно macOS или без рамки.
- Выберите фон: щёлкните по одному из восьми образцов градиента или возьмите любой однотонный цвет через цветовой образец справа.
- Отредактируйте поле текста URL или заголовка, чтобы изменить подпись в адресной строке или заголовке macOS, и подстройте радиус скругления, отступы и тень тремя ползунками.
- Переключите масштаб экспорта между 1x и 2x, проверьте живой предпросмотр и нажмите «Экспорт PNG», чтобы сохранить имя-скриншота_frame.png.
Для документации и галерей App Store берите экспорт в 2x — удвоенное разрешение остаётся чётким на retina-экранах, а 1x держит файлы маленькими для чатов и соцсетей.
Похожие инструменты
- Код в изображение Преобразуйте фрагменты кода в красивые изображения с подсветкой синтаксиса, темами и декорациями окна. 100% конфиденциальность, всё в вашем браузере.
- Коллаж Изображений Бесплатный онлайн-создатель коллажей. Объединяйте фото с помощью шаблонов или склейки длинных изображений. Добавляйте аннотации, водяные знаки, экспортируйте в JPG или PNG.
- Сжатие изображений Сжимайте изображения JPEG, PNG и WebP в браузере. Настраивайте качество, меняйте размер и конвертируйте форматы без загрузки.
- Водяной Знак Добавьте текстовый или графический водяной знак на фото бесплатно онлайн. Настройте позицию, прозрачность, размер, шрифт и мозаику. Защитите свои изображения.
- Изменение размера изображения Изменяйте размер изображений с фиксацией пропорций и масштабированием в процентах. 100% в браузере, без загрузки на сервер.
- GIF Разбор Кадров Извлеките и скачайте отдельные кадры из GIF-анимаций как PNG или спрайт-лист. Бесплатный онлайн-инструмент с просмотром и экспортом ZIP.
- GIF Реверс Измените порядок воспроизведения GIF-анимаций бесплатно онлайн. Загрузите, просмотрите и скачайте мгновенно.
- Изменитель скорости GIF Измените скорость анимации GIF онлайн. Мгновенно ускорьте или замедлите GIF-файлы.