Скриншот в чистый PNG

• Умная автообрезка: автоматически находит и удаляет поля однородного цвета на скриншотах — белые, серые или любые сплошные. Ползунок допуска позволяет обрабатывать скриншоты с небольшими цветовыми отклонениями по краям.
• Три варианта рамки устройства: заключите скриншот в панель браузера macOS, современную рамку iPhone с Dynamic Island или рамку Android с отверстием под камеру — все они рисуются через Canvas API при любом размере скриншота.
• Безопасно и на 100 % конфиденциально: вся обработка выполняется целиком в вашем браузере через HTML5 Canvas API. Скриншоты не покидают устройство — без загрузки на сервер, без облачной обработки и без хранения данных.
• 100 % бесплатно и без регистрации: полностью бесплатно, без аккаунта, без премиум-тарифа, без ограничений по использованию и без водяных знаков. Очищайте и оформляйте скриншоты сколько угодно раз.

• Карточки в App Store и Google Play: оформляйте скриншоты приложения в рамки iPhone или Android для App Store и Google Play. Инструмент обрезает пустые поля и за секунды добавляет профессиональную рамку устройства.
• Презентации и питч-деки: добавляйте рамки браузера или устройства к скриншотам продукта для презентаций инвесторам и клиентам. Аккуратные скриншоты в рамках выглядят качественнее сырых снимков экрана.
• Портфолио и кейсы: дизайнеры и разработчики используют инструмент, чтобы делать профессиональные изображения для портфолио из сырых скриншотов — обрезанные, оформленные и готовые к публикации.
• Документация и файлы README: добавляйте рамки браузера к скриншотам интерфейса для README на GitHub и документации продукта. Рамка браузера добавляет контекст и делает скриншоты осознанно оформленными, а не сырыми.
• Статьи в блоге и руководства: авторы контента используют инструмент, чтобы подготовить скриншоты для статей и туториалов — убирают лишние пустые поля и добавляют единообразные отступы для профессионального вида.
• Соцсети и маркетинг продукта: маркетинговые команды используют скриншоты в рамках устройств для постов в соцсетях, анонсов запуска и главных изображений лендингов — без Figma и Photoshop.

«Скриншот в чистый PNG» — это инструмент, работающий в браузере, который превращает исходный скриншот в аккуратный PNG, готовый к презентации, за три шага: автообрезка полей однородного цвета, необязательное заключение в рамку устройства и применение цвета фона и отступов. У сырых скриншотов часто бывают неровные белые поля от операционной системы или интерфейса браузера — автообрезка сама их находит и удаляет, оставляя только область содержимого. Варианты рамок добавляют профессиональную рамку браузера, iPhone или Android, полностью нарисованную средствами HTML5 Canvas API.

1. Загрузите скриншот: перетащите или выберите любой файл скриншота (PNG, JPG, WebP, GIF, BMP). Изображение загружается в браузер — оно не покидает ваше устройство.
2. Настройте обрезку и рамку: включите автообрезку, чтобы убрать белые поля (настройте допуск для скриншотов с небольшими цветовыми отклонениями). Выберите рамку устройства — браузер, iPhone или Android. Задайте цвет фона, отступы и тень. Нажмите «Очистить скриншот», чтобы обработать его мгновенно в браузере.
3. Скачайте чистый PNG: сравните результат с оригиналом рядом. Статистика обрезки показывает, сколько именно пикселей удалено с каждой стороны. Скачайте чистый PNG одним кликом.

• Автообрезка: берёт цвет углового пикселя и удаляет с каждой стороны строки и столбцы, совпадающие с этим цветом в пределах порога допуска. Эффективна для скриншотов с белым, серым или любым сплошным полем.
• Допуск обрезки: определяет, насколько может отличаться цвет при распознавании пикселей поля. Допуск 0 требует точного совпадения цвета; более высокие значения обрабатывают скриншоты с лёгкими градиентами или сглаживанием по краям.
• Рамка устройства: рисует рамку браузера, iPhone или Android вокруг скриншота средствами Canvas API. Скриншот масштабируется так, чтобы поместиться в область экрана выбранного устройства.
• Отступы и фон: добавляет настраиваемые отступы вокруг скриншота или рамки, заполненные выбранным цветом фона. Используйте отступы, чтобы дать содержимому воздух.

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