9 фотореалистичных 3D-рамок устройств с пропорциями корпуса по реальным мм-размерам.

Почему 9, а не 20

App Store Connect требует лишь два размера скриншотов для современных публикаций: 6.9" iPhone (1320 × 2868) и 13" iPad (2064 × 2752). Apple автоматически масштабирует для всех меньших классов. Большинство генераторов предлагают 20+ рамок — так список функций выглядит внушительнее; Screenshotify ограничился девятью, покрывающими реальные нужды публикации, плюс парой Android-эквивалентов. Меньше рамок — меньше граничных случаев с чуть кривыми пропорциями при рендеринге.

Почему «реалистичность» важна

Скриншоты App Store редко просматривают в полном размере — большинство пользователей пролистывают их как миниатюры шириной 200 пикселей. Рамка с чуть неправильными пропорциями на такой миниатюре сразу читается как «дешёвый стоковый шаблон». Пропорции корпуса рассчитаны по реальным размерам устройства в миллиметрах (iPhone 16 Pro Max — 163,0 × 77,6 мм → 2,101), а рамки сделаны примерно на 5% толще физической модели, чтобы устройство выглядело как устройство даже в миниатюре.

Что можно выбрать

iPhone: 16 Pro Max (6.9"), 16 Pro (6.3"), 16 Plus (6.7"), 16.
iPad: Pro 13" (M4), Pro 11" (M4).
Android: Pixel 10 Pro, Galaxy S25 Ultra, Galaxy Tab S9 Ultra.

Авто против фиксации

Каждый слой устройства можно переключить в режим Авто (следует за выбранным размером экспорта — смени iPhone 6.9" на 6.5", и Авто-устройства перестроятся) или зафиксировать на конкретной рамке. Авто — режим по умолчанию; фиксируй, когда панели нужна конкретная модель для правильного восприятия дизайна (например, показ функции только для iPad рядом с панелями iPhone).

Наклон и глубина

Каждое устройство — это фотореалистичная 3D-модель (формат GLB), которая рендерится прямо в браузере через WebGL. Наклоняй по осям X и Y; освещение, отражения и тени реагируют в реальном времени. В отличие от SVG-перспективных трюков, ты вращаешь настоящую полигональную сетку — результат такой же, как у профессионального 3D-рендера, и появляется мгновенно в браузере без отдельного шага экспорта.

Когда появятся новые устройства

Screenshotify добавляет устройства, когда Apple или Google выпускает новый класс, который реально меняет размеры скриншотов (например, новый размер iPad Pro). Новые устройства ради роста списка функций не добавляются — это увеличивает затраты на поддержку без реального влияния на то, что ты можешь публиковать в сторах.

Генераторы мокапов для каждого устройства

У каждой рамки есть своя страница генератора — спецификации, точный размер скриншота, пошаговое руководство и типичные ошибки для этого устройства:

Открыть редактор →