Макет экрана для изображения

Поместите скриншот сайта или приложения в простую рамку монитора, нарисованную прямо в Canvas, чтобы аккуратно вставить его в презентацию, портфолио или продающую страницу.

PNG, JPG или WebP — лучше в альбомной ориентации

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

Сырому скриншоту на продающей странице или в портфолио часто не хватает визуального контекста. Этот инструмент рисует стилизованную рамку монитора (корпус, верхняя панель, подставка) прямо на canvas и вставляет в неё ваш скриншот в нужном масштабе, не прибегая к готовой фотографии макета.

Это настоящий фотореалистичный макет?

Нет, это намеренно простая плоская рамка из геометрических фигур (скруглённые прямоугольники, круги), а не фотография реального монитора с бликами и перспективой. Такой подход создаётся быстро и работает с любым соотношением сторон скриншота.

Можно ли использовать этот макет для скриншота мобильного приложения?

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

Скриншоты не передаются на сервер: макет целиком рисуется в вашем браузере.