Мокап iPhone и MacBook вместе

Компьютер и телефон в одном кадре — классическая «адаптивная» картинка для первого экрана.

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

Размер

Формат

Картинка остаётся в вашем браузере — мы ничего не загружаем.

Выберите «Вместе» — генератор покажет десктопную версию экрана на MacBook, а мобильную на iPhone, который стоит перед ним или лежит рядом на столе в виде сверху.

Самый быстрый способ показать, что продукт работает везде.

Примеры

Дашборд · Вместе · СлеваДашборд · Вместе · СлеваЛендинг · ВместеЛендинг · ВместеМагазин · Вместе · СверхуМагазин · Вместе · СверхуФинансы · Вместе · Справа · ТёмнаяФинансы · Вместе · Справа · Тёмная

Как это работает

  1. Выберите экран

    Один из 18 типов интерфейса (по 5 лейаутов) или свой скриншот. Нажимайте «Другой вариант», пока не понравится.

  2. Выберите устройство

    iPhone 17 Pro, iPhone Air, MacBook Pro или MacBook Air — или окно браузера.

  3. Скачайте

    Выберите ракурс и фон и скачайте PNG, JPG или WebP в высоком разрешении. Можно с прозрачным фоном.

Вопросы

Экраны совпадают?

Да, у обоих одинаковый шаблон, цвета и название продукта — десктоп на MacBook, мобильная версия на iPhone.

Можно выбрать модели?

Да, модель и цвет MacBook и iPhone выбираются отдельно.

Можно использовать свои скриншоты?

Загруженный скриншот ставится на оба экрана.

Это бесплатно?

Да. Все интерфейсы, устройства, ракурсы и размеры бесплатны, регистрация не нужна. Картинки можно использовать в коммерческих проектах.

Можно вставить свой скриншот в iPhone или MacBook?

Да. Нажмите «Свой скриншот», перетащите картинку на превью или вставьте её через Ctrl/Cmd+V. Изображение обрабатывается прямо в браузере и никуда не загружается.

Ещё мокапы

Мокапы по типу экрана


Мокапы по устройству