Обрезка изображений: свои пропорции онлайн
Бесплатно обрезайте JPG, PNG и WebP свободно или по фиксированным пропорциям 1:1, 4:3 и 16:9 с просмотром результата — обработка проходит в браузере.
Загрузите изображение, выберите пропорцию или введите точные координаты, проверьте выделенную область и скачайте результат. Обрезка выполняется локально через Canvas API — файл не загружается.
Обрезка изображений: свои пропорции онлайн
Бесплатно обрезайте JPG, PNG и WebP свободно или по фиксированным пропорциям 1:1, 4:3 и 16:9 с просмотром результата — обработка проходит в браузере.
Изображение обрезается локально в браузере и никогда не покидает ваше устройство.
Калькулятор обрезки
Нужны только размеры без загрузки файла? Введите размеры изображения, выберите пропорцию выше и рассчитайте максимальную центральную область.
Калькулятор использует пропорцию, выбранную выше в инструменте обрезки.
Об инструменте обрезки изображений
Обрезка — самый быстрый способ улучшить фотографию: она убирает лишнее по краям, меняет композицию и часто необходима из-за требований к формату. Для профилей нужны квадраты, для видео — 16:9, для классической печати — 4:3. Этот инструмент обрезает JPG, PNG и WebP до любого прямоугольника прямо в браузере. Файл локально декодируется, рисуется на canvas, обрезается и снова кодируется на вашем устройстве; он никогда не отправляется на сервер.
Задать область можно двумя способами. Быстрее всего выбрать пропорцию: «Свободно» не ограничивает форму, 1:1 создаёт квадрат, 4:3 — классический формат, а 16:9 — широкоформатный. После выбора автоматически размещается максимально возможная область по центру: она сохраняет больше всего пикселей и гарантирует точную пропорцию. Затем можно изменить X и Y — координаты левого верхнего угла — и ширину с высотой. В предварительном просмотре всё за пределами области затемняется, поэтому легко увидеть итог. Одним нажатием область превращается в новое изображение и скачивается как PNG без потерь.
Числовая обрезка с точностью до пикселя отличается от инструментов, где можно только перетаскивать рамку. Если требуется «обрезать до 1200 × 630, начиная в 60 пикселях от верха», четыре числа дают точный и повторяемый результат для целой серии изображений. При пропорции r максимальная ширина — меньшее из значений ширины изображения и его высоты, умноженной на r.
Если нужны только эти числа — например, для CSS, настройки конвейера миниатюр или инструкции — калькулятор ниже работает без файла. Введите исходные размеры, выберите пропорцию и получите размер и положение максимальной центральной области. Инструмент бесплатный, без регистрации и водяных знаков, а после загрузки работает офлайн: всё выполняется клиентским JavaScript и Canvas.
Примеры обрезки изображений
Типичные варианты и их параметры.
| Задача | Область обрезки | Примечание |
|---|---|---|
| Квадратный аватар из фото 3000 × 2000 (пропорция 1:1) | 2000 × 2000, начиная в 500 px от левого края | Квадрат ограничен короткой стороной и центрируется по горизонтали: (3000 − 2000) ÷ 2 = 500. |
| Широкоформатная миниатюра 16:9 из фото 4000 × 3000 | 4000 × 2250, начиная в 375 px от верхнего края | Вся ширина сохраняется; высота равна 4000 ÷ (16/9) = 2250 и центрируется по вертикали. |
| Обрезка 4:3 для печати скана 5000 × 4000 | 5000 × 3750, начиная в 125 px от верхнего края | Область 4:3 использует всю ширину и убирает 250 px высоты поровну сверху и снизу. |
| Удалить полосу водяного знака 100 px снизу изображения 1600 × 900 | X 0, Y 0, ширина 1600, высота 800 (Свободно) | Свободная обрезка удаляет точную полосу, не меняя горизонтальное кадрирование. |
Как обрезать изображение
- Выберите JPG, PNG или WebP через выбор файла — изображение всё время остаётся на устройстве.
- Выберите пропорцию (Свободно, квадрат, 4:3 или 16:9); максимальная центральная область появится автоматически.
- Настройте поля X, Y, ширины и высоты и смотрите в просмотре, что именно останется.
- Нажмите «Обрезать и скачать», чтобы сохранить область как PNG.
Частые вопросы об обрезке изображений
Фотография загружается при обрезке?
Нет. Изображение полностью читается и обрезается в браузере с помощью File API и Canvas. Сервер не получает файл, поэтому инструмент безопасен для снимков экрана, документов и личных фотографий.
Как обрезать изображение в квадрат?
Загрузите изображение и нажмите 1:1. Максимальный квадрат по центру будет создан автоматически; затем X или Y можно изменить, чтобы сдвинуть область.
Что означают значения X и Y?
Это пиксельные координаты левого верхнего угла области обрезки относительно левого верхнего угла изображения. При увеличении X область движется вправо, при увеличении Y — вниз. Ширина и высота задают её размер.
Ухудшает ли обрезка качество?
Сохраняемые пиксели копируются без изменений, поэтому сама обрезка не ухудшает качество. Результат скачивается в PNG и точно сохраняет все оставшиеся пиксели; исчезает только удалённая область.
Почему нельзя обрезать больше изображения?
Можно сохранить только существующие пиксели, поэтому область ограничена границами изображения. Для большего холста или рамок нужен редактор с добавлением полей, а не инструмент обрезки.
Какую пропорцию выбрать?
Ориентируйтесь на назначение: 1:1 для большинства аватаров, 16:9 для видео и презентаций, 4:3 для классической печати, а «Свободно» — чтобы убрать лишнее без фиксированной формы.