К содержимому
batonbox

Гайды

Как обрезать изображение и оставить объект в кадре

Нарисовать рамку, зафиксировать соотношение сторон и экспортировать PNG, JPEG или WebP — без того, чтобы фото уезжало из-под маркеров.

Обновлено 2026-09-21

Обрезка — самый дешёвый способ поправить фото: убрать потолок, сделать портрет квадратом под аватар или вырезать баннер 16:9 из большого кадра. Дело ломается, когда инструмент спорит с вами: картинка едет, хотя вы двигали рамку, или исходник на 4000 пикселей не помещается на экран и вы кропаете вслепую.

«Обрезать изображение» в Batonbox держит картинку внутри сцены. Вы рисуете, двигаете и меняете размер рамки; само фото стоит на месте. Фиксация пропорций, пиксельная линейка и зум для проверки — на одном рабочем столе. Экспорт остаётся в браузере: PNG, JPEG или WebP.

Сначала рамка, потом пиксели

Начните с истории, которую хотите оставить в кадре, а не с ползунка процентов. Обведите объект, затем зафиксируйте 1:1, 4:3, 3:4, 16:9 или 9:16, если этого требует назначение. Свободное соотношение — для печати или вёрстки, которая ещё раз обрежет кадр.

Пиксельная линейка важна, когда площадка отбрасывает картинки ниже минимума. У аватаров и карточек Open Graph есть опубликованные размеры; сначала обрезать, потом масштабировать чище, чем масштабировать неряшливый кроп.

Чего обрезка не делает

Обрезка удаляет пиксели. Она не повышает резкость мягкого лица и не возвращает выбитый блик. Если объект крошечный в широком кадре, обрежьте и примите оставшиеся пиксели как есть — или вернитесь к более крупному исходнику.

Экспорт в JPEG — с потерями. Если будете править ещё раз, оставайтесь на PNG или исходном файле. WebP хорош для доставки, когда назначение его принимает; как архив он плох.

Пакет — без спешки

Инструмент принимает несколько изображений. Кропайте каждое на своей сцене, а не надевайте одну рамку на все фото. Лица сидят в разных местах; один процентный кроп обезглавит половину набора.

По шагам

  1. 1

    Впишите картинку в экран

    Если исходник огромный, зумом и панорамой внутри сцены найдите объект. Не кропайте с превью размером с марку.

  2. 2

    Нарисуйте рамку, затем зафиксируйте пропорции

    Грубо наметьте свободным соотношением, затем переключитесь на 1:1 или 16:9 — маркеры останутся честными, пока вы уточняете.

  3. 3

    Прочитайте пиксели

    Сверьте ширину и высоту с назначением. Увеличьте рамку или возьмите другой исходник, если не дотягиваете до минимума.

  4. 4

    Экспортируйте в формат доставки

    PNG — для логотипа или файла, который ещё правите. JPEG или WebP — для фото, которое загрузите один раз.

Вопросы

Обрезка происходит на сервере?
Нет. «Обрезать изображение» рисует на холсте в браузере. Для этого инструмента файл не загружается.
Почему картинка стоит на месте, когда я тяну?
Маркеры двигают рамку обрезки, а не фотографию. Так задумано: большое изображение не должно уезжать из виду.
Можно ли обрезать HEIC с iPhone?
Да, если браузер умеет декодировать HEIC — текущий Safari и свежие сборки Chromium умеют. Для рассылки экспортируйте PNG или JPEG.