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

Обрежьте изображение до точного прямоугольника прямо в браузере, введя X, Y, ширину и высоту, зафиксируйте соотношение 1:1, 4:3 или 16:9 и экспортируйте в PNG или JPEG — без загрузки.

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

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

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

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

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

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

Примеры

Квадратная обрезка для аватара профиля

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

Вырезать баннер 16:9 из широкого скриншота

Загрузите широкий скриншот, выберите предустановку 16:9 и введите ширину — высота подстроится автоматически. Сдвиньте X и Y, чтобы кадрировать нужную область, и экспортируйте в JPEG для меньшего размера файла.

Вырезать область по точным пикселям

Оставив соотношение сторон на «Свободно», введите X=120, Y=80, Ширина=400 и Высота=300, чтобы извлечь точную область 400×300. Размер обрезки показан в статистике, а предпросмотр обновляется по мере изменения чисел.

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

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

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