Макет устройства и оформление скриншота

Поместить скриншот в рамку телефона, ноутбука или браузера на стильном фоне
  • Файлы не покидают устройство
  • Работает в браузере
  • Бесплатно, без регистрации и водяных знаков

Drop screenshots here, or click to choose

Up to 3 screenshots side by side · paste with Ctrl+V

Как пользоваться: Макет устройства и оформление скриншота

Поместите скриншоты приложения или сайта в рамку iPhone, Android, планшета, ноутбука, монитора, браузера или окна macOS на градиенте, цвете или изображении фона. До трёх скриншотов могут стоять рядом, изображение отрисовывается в браузере.

  1. 1

    Перетащите до 3 скриншотов на страницу, нажмите, чтобы выбрать их, или вставьте сочетанием Ctrl+V.

  2. 2

    В «Устройстве» выберите рамку и задайте цвет рамки и ориентацию либо для браузера и macOS тему, заголовок и адресную строку.

  3. 3

    В «Скриншоте» выберите, как он заполняет экран: вписать, заполнить или прокрутка. Для длинного скриншота двигайте позицию прокрутки к нужной части.

  4. 4

    Выберите фон (нет, цвет, градиент или изображение), затем настройте отступ, тень, поворот, наклон 3D и форму холста в «Макет».

  5. 5

    В «Экспорте» выберите разрешение 1×, 2× или 3× и PNG, JPG или WebP, затем нажмите «Скачать изображение» или кнопку копирования рядом.

Частые вопросы

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

Нет. Они рисуются на canvas в браузере и не покидают устройство.

Какие форматы изображений можно использовать?

Можно добавить скриншоты JPG, PNG, WebP, AVIF, GIF, BMP и HEIC. Готовое изображение экспортируется как PNG, JPG или WebP.

Как получить прозрачный фон?

Поставьте фон в «Нет» и экспортируйте PNG или WebP. У JPG нет прозрачности, поэтому прозрачные области, включая углы от поворота или наклона 3D, становятся белыми.

Как показать очень длинный скриншот страницы?

Выберите прокрутку в вписывании (обрезка до 16:10 для рамок браузера, macOS и карточки) и перетащите позицию прокрутки к нужному участку.

Почему экспорт меньше выбранного разрешения?

Браузеры ограничивают, насколько большим может быть canvas. Если 2× или 3× вышли бы за предел, инструмент сам снижает масштаб и говорит об этом в экспорте.