Обрезать Изображение Онлайн
Обрезайте изображения прямо в браузере — точно и без загрузки на сервер.
.jpg, .png, .webp · до 50 МБ
Зачем это нужно
Точная обрезка изображений в браузере
Точные размеры
Задавайте размеры в пикселях или выбирайте фиксированное соотношение сторон.
Полная конфиденциальность
Обработка в браузере. Изображения не передаются на сервер.
Без потери качества
Обрезка не перекодирует изображение — сохраняется исходное качество.
Мгновенно
Результат доступен сразу, без загрузки файлов.
Как это работает
Три шага — никаких сложностей
Загрузите изображение
Перетащите или выберите файл JPG, PNG или WebP.
Выберите область обрезки
Перетащите рамку для выбора нужной области. Можно задать точные размеры или соотношение сторон.
Скачайте результат
Нажмите «Обрезать» и скачайте готовое изображение.
FAQ
Остались вопросы?
Инструмент поддерживает JPG, PNG и WebP — наиболее распространённые веб-форматы. Формат выходного файла соответствует исходному.
Да. Помимо интерактивного выбора области, можно ввести координаты и размеры вручную: X, Y начала области, ширина и высота в пикселях. Это полезно для точного соответствия техническим требованиям платформ.
Нет. Обрезка — неразрушающая операция: удаляются только пиксели за пределами выбранной области. Пиксели в области обрезки сохраняются без изменений. Для JPG качество устанавливается равным исходному.
Да. Можно выбрать фиксированное соотношение: 1:1 (квадрат), 4:3, 16:9, 3:2 и другие. Это удобно для подготовки аватаров, обложек для соцсетей или превью статей.
Инструмент обрабатывает файлы до 50 МБ. Очень большие изображения (более 30 МП) могут потребовать нескольких секунд на обработку в зависимости от производительности устройства.
Обрезка изображений: Canvas API и обработка изображений в браузере
Обрезка изображений в браузере реализуется через Canvas API: исходное изображение рисуется на холсте с заданными координатами и размерами, затем содержимое холста экспортируется в нужный формат через canvas.toBlob() или canvas.toDataURL(). Метод drawImage() Canvas 2D API принимает параметры источника (sx, sy, sw, sh) и назначения (dx, dy, dw, dh), что позволяет реализовать обрезку за одну операцию.
Для интерактивного выбора области обрезки используются события мыши или касания для отслеживания выделенной прямоугольной зоны. Современные реализации используют requestAnimationFrame для плавного обновления интерфейса. Библиотека Cropper.js — популярное open-source решение для обрезки изображений в браузере.
Правильное соотношение сторон критично для разных платформ: Facebook и Open Graph требуют 1.91:1 для og:image, Instagram поддерживает квадрат 1:1 и вертикаль 4:5, Twitter/X использует 2:1. Инструмент с предустановленными соотношениями ускоряет подготовку изображений для публикации.