Обрезка изображений

Обрежьте изображение в браузере, перетаскивая рамку с маркерами или вводя X, Y, ширину и высоту, зафиксируйте соотношение, поверните или отразите и экспортируйте в PNG или JPEG.

Загрузка инструмента…

Обрезка изображенийОбрежьте изображение, перетаскивая рамку выделения с угловыми маркерами прямо на предпросмотре, или вводя точные X, Y, ширину и высоту — рамка и числовые поля всегда синхронизированы. Зафиксируйте соотношение 1:1, 4:3, 3:2, 16:9, 2:3, 9:16 или произвольное, включите направляющие правила третей и поворачивайте с шагом 90° или отражайте изображение перед обрезкой. Всё выполняется с помощью Canvas API целиком в вашем браузере — изображение никогда не загружается — а перед экспортом в PNG или JPEG можно задать ширину вывода и качество JPEG.

Что такое Обрезка изображений?

Обрезка изображений — это бесплатный браузерный инструмент для обрезки картинки до точной прямоугольной области. Он удобен для создания квадратных аватаров, вырезания вертикальных кадров 9:16 для историй, исправления соотношения сторон баннера, удаления рамок или экспорта миниатюры заданного размера в пикселях — без открытия полноценного графического редактора. Вы задаёте обрезку, перетаскивая рамку с маркерами прямо на изображении или вводя смещение X и Y вместе с шириной и высотой; перетаскиваемая рамка и числовые поля — это одна и та же область обрезки, поэтому они всегда совпадают. Предустановки соотношения и произвольное соотношение ограничивают и поля, и маркеры, направляющие правила третей помогают с композицией, а поворот и отражение перед обрезкой позволяют сначала выровнять или зеркально отразить изображение. Результат обновляется автоматически, его можно масштабировать до ширины вывода и сохранить как PNG или JPEG.

Как пользоваться Обрезка изображений

  1. Перетащите или выберите изображение (PNG, JPG, WebP, GIF или любой формат, который может прочитать ваш браузер). Рамка обрезки сначала охватывает всё изображение, а поля X, Y, ширина и высота показывают её размер.
  2. Перетащите прямоугольник на предпросмотре, чтобы задать обрезку, потяните за угловой маркер, чтобы изменить размер, или перетащите внутри рамки, чтобы её переместить — числовые поля обновляются при перетаскивании, а ввод значений также перемещает рамку.
  3. При желании зафиксируйте соотношение (1:1, 4:3, 3:2, 16:9, 2:3, 9:16) или выберите «Произвольное» и введите свои Ш и В; соотношение ограничивает и поля, и маркеры перетаскивания.
  4. Откройте «Настройки», чтобы перед обрезкой повернуть изображение влево или вправо с шагом 90° либо отразить его по горизонтали или вертикали, и включите направляющие правила третей для композиции.
  5. При желании задайте ширину вывода для масштабирования результата (оставьте пустым, чтобы сохранить обрезанный размер), а для JPEG отрегулируйте ползунок качества.
  6. Выберите PNG или JPEG, следите за тем, как предпросмотр обрезки обновляется рядом с оригиналом, затем нажмите «Скачать», чтобы сохранить результат.

Примеры

Квадратный аватар с правилом третей

Перетащите портретное фото, установите соотношение 1:1, затем перетащите рамку на лицо — угловые маркеры сохранят её квадратной. Включите направляющие правила третей, чтобы выровнять глаза, оставьте PNG для сохранения прозрачности и скачайте аватар.

Вертикальная обрезка 9:16 для истории

Загрузите горизонтальное фото, при необходимости поверните и выберите предустановку 9:16. Перетащите внутри рамки, чтобы перекадрировать объект, затем задайте ширину вывода 1080, чтобы экспортируемый кадр был ровно 1080×1920, и сохраните как JPEG.

Попиксельная обрезка с масштабированием вывода

Оставьте соотношение на «Свободно» и введите X=120, Y=80, Ширина=400 и Высота=300 для точной области 400×300. Задайте ширину вывода 800, чтобы удвоить её до 800×600 с сохранением пропорций обрезки; статистика показывает итоговый размер.

Часто задаваемые вопросы

Как выделить область обрезки?
Перетащите прямоугольник на изображении, чтобы нарисовать новую рамку, потяните за угловой маркер, чтобы изменить размер, или перетащите внутри рамки, чтобы её переместить. Можно также ввести смещение X и Y, ширину и высоту — перетаскиваемая рамка и числовые поля — это одна и та же область обрезки, поэтому изменение одного обновляет другое.
Какие соотношения можно зафиксировать?
Можно зафиксировать 1:1, 4:3, 3:2, 16:9, 2:3 или 9:16 либо выбрать «Произвольное» и ввести своё отношение ширины к высоте. Зафиксированное соотношение ограничивает и поля ширины и высоты, и изменение размера угловыми маркерами, поэтому рамка всегда сохраняет эту форму; выберите «Свободно», чтобы задавать каждую сторону независимо.
Можно ли повернуть или отразить перед обрезкой?
Да. В «Настройках» можно повернуть изображение влево или вправо с шагом 90° и отразить его по горизонтали или вертикали. Преобразование применяется до обрезки, и как предпросмотр, на котором вы перетаскиваете, так и экспортируемый результат отражают его согласованно.
Можно ли масштабировать вывод или изменить качество JPEG?
Задайте ширину вывода, чтобы масштабировать обрезанное изображение; высота следует автоматически для сохранения пропорций обрезки, а пустое поле сохраняет обрезанный размер в пикселях. При экспорте в JPEG ползунок качества управляет уровнем сжатия.
Какие выходные форматы поддерживаются?
Можно экспортировать в PNG или JPEG. PNG сохраняет прозрачность; JPEG — нет, поэтому прозрачные области заполняются белым фоном, а размер файла управляется ползунком качества.
Загружается ли моё изображение на сервер?
Нет. Обрезка, поворот и отражение выполняются на 100% на стороне клиента в вашем браузере с помощью Canvas API. Ваше изображение никогда не загружается, не отправляется на наши серверы и не передаётся, поэтому даже личные и конфиденциальные снимки остаются на вашем устройстве.

Похожие инструменты