Перейти к содержимому

Обрезать изображения

Растяните рамку поверх картинки, задайте пропорции, которых требует площадка, — квадрат для аватарок, 16:9 для обложек — и обрежьте, ничего не сохраняя.

  • Не сохраняется
  • Без очереди и ожидания
  • Без регистрации и водяных знаков

Как это работает

1

Добавьте изображение

Перетащите на страницу фото или скриншот.

2

Выставьте рамку

Тяните за углы или двигайте рамку целиком. Выберите пресет — 1:1, 4:3, 16:9, 3:2 — или обрезайте свободно; точные пиксели видны сразу.

3

Обрежьте и скачайте

Результат сохраняет исходный формат и полное качество внутри рамки.

Чего стоит обрезка, а чего нет

Обрезка отбрасывает пиксели, а остальные оставляет в точности такими, какими они были: нет ни передискретизации, ни масштабирования, ни интерполяции, так что оставшаяся часть попиксельно совпадает с оригиналом. Единственное, что всё же происходит, — перекодирование: оставшиеся пиксели нужно записать в новый файл. Для PNG это сжатие без потерь, и оно ничего не стоит. Для JPG это второе поколение сжатия с потерями, применённое к пикселям, которые уже несут следы первого, — при разумном качестве обычно незаметно, но это стоит знать, если картинку уже не раз пересохраняли.

Последствие, которое упускают из виду, касается не качества, а разрешения. Если обрезать фотографию до средней трети, останется лишь девятая часть пикселей, и никакое последующее увеличение их не вернёт. Фото с телефона на 12 мегапикселей, сильно обрезанное ради крупного плана, легко окажется меньше того, что нужно для печати или баннера во всю ширину сайта, — поэтому обрезайте самый большой оригинал, который у вас есть, а не копию, уже уменьшенную для сайта.

Пропорции нужны потому, что у большинства площадок есть свои требования. 1:1 — для аватарки, 16:9 — для обложки видео или слайда, 4:5 — для самого высокого вертикального кадра, который лента соцсети покажет без обрезки. Если выбрать пропорции до кадрирования, то кадр, который вы видите, и будет итоговым, а площадка не станет обрезать его ещё раз за вас. Свободная обрезка с расчётом, что площадка разберётся сама, — это то, из-за чего лица наполовину вылезают из кадра.

Файл записывается в исходном формате, так что PNG остаётся PNG с сохранённой прозрачностью, а JPG остаётся JPG. Данные о камере и местоположении при перекодировании не сохраняются — обычно именно это и нужно для картинки, которая отправится в открытый доступ.

Если нужно другое

Если целую папку изображений нужно обрезать одинаково — пачку предметных снимков с неподвижной камеры или отсканированные страницы с одинаковыми полями, — обрезать по одному значит выбрать неподходящий способ работы. magick mogrify -crop 800x600+100+50 +repage *.jpg применяет одинаковую геометрию ко всем файлам в папке, а libvips делает то же самое, расходуя гораздо меньше памяти на больших файлах.

Для JPG есть действительно лучший способ, недоступный браузеру: jpegtran -crop 800x600+96+48 -copy none in.jpg out.jpg обрезает вообще без декодирования и перекодирования, поэтому второго поколения потерь нет совсем. Подвох в том, что резать он может только по границам собственных блоков формата в 8 или 16 пикселей, так что обрезка ляжет рядом с тем местом, которое вы указали, а не точно в него, — честный обмен, когда картинка важнее последних нескольких пикселей.

Частые вопросы

Какие пропорции нужны площадкам?

Квадрат (1:1) — для большинства аватарок и Instagram; 16:9 — для обложек YouTube и карточек Twitter/X; 4:5 — для вертикальных постов Instagram; 3:1 — для баннеров X. Пресеты покрывают эти случаи, а свободный режим — всё остальное.

Обрезка точная до пикселя?

Да — положение и размер области обрезки в реальных пикселях видны, пока вы тянете рамку, и их можно ввести вручную для идеального результата.

Теряется ли качество при обрезке?

Нет — пиксели внутри рамки копируются без изменений. В конце применяется только перекодирование JPG, с максимальным качеством.

Сохраняется ли прозрачность?

Да — при обрезке PNG прозрачные области остаются прозрачными.

Мои изображения где-нибудь сохраняются?

Нет — ничего не сохраняется ни на каком этапе.

Полезно знать: По одному изображению за раз — обрезка требует решения для каждой картинки, это не пакетная задача.

Разместите этот инструмент на своём сайте

Бесплатно для любого блога, страницы класса или справочной статьи. Вставьте один фрагмент кода — и посетители смогут пользоваться инструментом прямо на вашей странице.