Обрезать фото онлайн — по размеру, по кругу, под соцсети и документы
Загрузите снимок и оставьте только нужное: свободной рамкой, по готовой пропорции под соцсети или по точным пикселям. Есть круг для аватара, поворот и выравнивание горизонта, а для набора фото — пакетная обработка с одной пропорцией. Всё считается на вашем устройстве.
Инструмент обрезки изображений
Перетащите фото сюда
или вставьте из буфера обмена — CtrlV
JPG, PNG, WebP · до 40 МБ · можно сразу несколько
«Обрезать фрагмент» и «вырезать объект» — это разные задачи
Слова похожие, инструменты нужны разные. Чтобы не тратить время впустую, стоит различать их с самого начала.
Кадрирование: оставить часть кадра
Вы задаёте прямоугольник (или круг) и оставляете то, что внутри. Так убирают лишнее по краям, вырезают фрагмент из скриншота, готовят квадрат под аватар, подгоняют снимок под пропорцию площадки. Границы у выделения ровные и геометрические — и именно это нужно в подавляющем большинстве случаев.
Сюда же относятся запросы вида «вырезать часть фото», «вырезать фрагмент картинки», «обрезать скриншот» — речь про участок кадра, а не про предмет на нём.
Вырезание по контуру: отделить предмет от фона
«Вырезать человека с фото», «обрезка по контуру», «убрать фон» — здесь граница идёт не по прямой, а по силуэту: волосам, ветвям, краю одежды. Это задача сегментации изображения, её решают отдельные инструменты с распознаванием объектов, а не рамкой кадрирования.
Прямоугольной или круглой рамкой такой результат не получить в принципе, и мы не станем делать вид, что получится. Если вам нужно именно это — кадрирование здесь не поможет, ищите инструмент удаления фона.
Как обрезка раздувает вес файла — и что мы с этим сделали
Не абстрактное «мы лучше», а конкретная техническая причина и конкретное решение, которое можно проверить на своём файле.
Что происходит у большинства браузерных кропперов
Инструмент рисует фото в <canvas> и сохраняет результат через canvas.toBlob(). Если формат не указан явно, браузер по умолчанию отдаёт PNG — даже когда вы загрузили JPG. Если формат указан, но не указано качество, подставляется значение браузера по умолчанию: в Chrome это около 0,92, а снимок с телефона обычно сохранён с качеством заметно ниже. Обрезали половину кадра — а закодировали её плотнее, чем она была.
С PNG беда отдельная: canvas всегда выдаёт 32-битный RGBA, даже если прозрачности в изображении нет и не было. Лишний канал из сплошных единиц никуда не девается, палитра не собирается. Мы проверили это на картинке 200×150 из восьми цветных блоков: после canvas она весит 1322 байта, а после оптимизации — 189, то есть в семь раз меньше при тех же пикселях.
Что делает Neorank иначе
Формат вывода по умолчанию совпадает с форматом исходного файла и никогда не подменяется молча. Для JPEG и WebP качество не берётся «как получится»: инструмент подбирает его так, чтобы вес не превышал долю, которую вырезанный участок занимает от оригинала. Готовый PNG дополнительно прогоняется через OxiPNG — тот же кодек, что и в нашем инструменте сжатия: где это возможно, он убирает ненужный альфа-канал и собирает палитру, а в остальных случаях упаковывает данные плотнее — ни один пиксель при этом не меняется.
Счётчик «Было / Станет» показывает реальный вес ещё до скачивания, а зелёная отметка появляется, только когда условие действительно выполнено. Обещание проверяется за десять секунд: сравните вес скачанного файла с тем, что было на экране.
Разрешение при этом не теряется. Крупные снимки показываются в редакторе уменьшенными, иначе интерфейс подтормаживал бы на каждом движении рамки. Но сохраняется файл из оригинала: квадрат из кадра 6000×4000 выходит размером 4000×4000, а не в размере превью. Многие онлайн-кропперы на этом молча теряют часть пикселей.
Обрезать под размер: рамка и готовый файл — не одно и то же
Два разных числа, которые легко перепутать, а перепутав — получить не то, что нужно.
Что вырезать из кадра
Поля X, Y, Ш и В в блоке «Рамка» описывают прямоугольник выделения в пикселях исходного снимка: откуда начать и сколько взять. Это ответ на вопрос «какую часть фотографии оставить». Если исходник 4000 пикселей в ширину, рамка шире 4000 быть не может — брать больше просто неоткуда.
В каком разрешении сохранить
Поле «Размер файла на выходе» отвечает на другой вопрос: каким должно быть готовое изображение. Нужен пост для ленты ровно 1080×1350 — впишите 1080, высота пересчитается по пропорции рамки сама. Вырезанный участок при этом может быть и крупнее, и мельче: он будет приведён к заданному размеру за один проход, без промежуточного пересохранения.
Высота намеренно не задаётся отдельно: пара чисел, не совпадающая с пропорцией выделения, растянула бы картинку. Нужны другие пропорции — меняйте рамку, а не выходной размер.
Увеличивать разрешение сверх исходного нет смысла. Если вписать в выходной размер число больше родного, файл станет «крупнее» только формально: новых деталей в нём не появится, лишь те же пиксели, растянутые интерполяцией. Для реального увеличения нужен отдельный инструмент с достройкой деталей, а не кадрирование.
Какую пропорцию выбрать под задачу: круг для аватара, 3×4 для документов, соцсети
Площадки время от времени меняют требования к точным пикселям, но пропорция кадра держится дольше — на неё и стоит опираться.
| Задача | Пропорция | Ориентировочный размер | Пресет |
|---|---|---|---|
| Аватар, фото профиля, квадратное превью | 1:1 | от 400×400 px | 1:1 Квадрат |
| Вертикальный пост в ленте | 4:5 | 1080×1350 px | 4:5 Instagram* |
| Сторис, вертикальное видео-превью | 9:16 | 1080×1920 px | 9:16 Сторис |
| Фото формата 3×4 см на документы | 3:4 | 354×472 px при 300 dpi | 3:4 Документы |
| Превью ролика, горизонтальная обложка | 16:9 | 1280×720 px | 16:9 YouTube |
| Картинка ссылки при репосте (Open Graph) | 1.91:1 | 1200×630 px | 1.91:1 Обложка |
| Печать 10×15 см и кратные форматы | 3:2 | зависит от dpi печати | 3:2 Печать |
| Классический кадр, слайд презентации | 4:3 | — | 4:3 Классика |
* Instagram принадлежит компании Meta, деятельность которой признана экстремистской и запрещена на территории РФ.
Точные требования площадок меняются — под конкретную кампанию сверяйтесь с официальной справкой сервиса. Пропорция при этом почти всегда остаётся прежней.
Про фото на документы. Пресет 3:4 даёт правильную пропорцию кадра — это то, что нужно, когда от вас хотят «фото 3 на 4». Но полноценное фото на паспорт или визу — это ещё и физический размер в миллиметрах с нужным разрешением печати, однотонный светлый фон, требования к положению головы и раскладка нескольких снимков на листе 10×15. Кадрирование решает только первую часть; остальное задаётся требованиями конкретного ведомства, и их стоит уточнить до печати.
Как обрезать фото онлайн: пять шагов
Порядок одинаковый и для одного снимка, и для пакета из нескольких десятков.
Загрузите снимок
Перетащите файл в область загрузки или выберите через диалог. Принимаются JPG, PNG и WebP до 40 МБ. Можно выбрать сразу несколько — включится пакетный режим. Скриншот вставляется прямо из буфера обмена: Ctrl+V.
Задайте пропорцию
Готовый пресет под площадку или документы, свободная рамка без ограничений либо круг для аватара. Выбор сразу меняет форму выделения на снимке.
Наведите рамку
Тяните за угол или сторону, чтобы изменить размер, за середину — чтобы сдвинуть; на свободном месте снимка рамку можно нарисовать заново. С клавиатуры: стрелки двигают, Shift даёт шаг крупнее, Alt со стрелками меняет размер. Для полной точности есть поля X, Y, Ш и В — в пикселях.
Выровняйте кадр
Поворот на 90° в обе стороны и отражение — кнопки под снимком. Свободный наклон до ±45° для заваленного горизонта — линейка рядом с ними: тяните её в стороны, двойной щелчок возвращает ноль. После наклона рамка не выходит в пустые углы. Сетка правила третей появляется, пока двигаешь рамку; кнопка справа оставляет её включённой.
Скачайте результат
Формат останется тем же, что у исходника, вес не превысит долю от оригинала, разрешение сохранится полным. Пакет выгружается одним ZIP-архивом.
Что нужно знать перед обрезкой
Про качество, приватность и границы того, что умеет кадрирование.
Пока нет наклона и размер файла стоит «как есть», пиксели внутри рамки не пересчитываются и не масштабируются.
Единственное место, где возможна потеря, — повторное кодирование JPEG: формат сжимает с потерями, и любое пересохранение проходит через него заново. Поэтому качество подбирается близким к исходному, а не по умолчанию браузера. PNG сохраняется без потерь и такой проблемы не имеет вовсе; WebP здесь кодируется с потерями, как и JPEG, и качество для него подбирается так же.
Из-за того, как браузер сохраняет содержимое canvas. Без явного указания формата он отдаёт PNG даже для загруженного JPG, а без указания качества подставляет своё значение — в Chrome около 0,92, что заметно выше, чем у снимка с телефона. Кусок получается меньше по площади, но плотнее по кодированию.
Отдельно вредит PNG: canvas всегда добавляет альфа-канал, даже когда прозрачности нет. На тестовой картинке из восьми цветных блоков (200×150) это давало 1322 байта вместо 189. Здесь готовый PNG дополнительно оптимизируется кодеком OxiPNG, который, где возможно, убирает лишний канал и собирает палитру, а в остальных случаях упаковывает данные плотнее, не трогая пиксели.
Нет, и это принципиальное ограничение, а не недоделка. Кадрирование работает геометрической рамкой — прямоугольником или эллипсом. Отделить человека от фона по силуэту им невозможно: граница должна идти по волосам и краю одежды, а это задача распознавания объектов, а не выделения области.
Круглая обрезка тоже не «вырезает по контуру» — она просто задаёт эллиптическую рамку, за пределами которой остаётся прозрачность. Для аватара этого достаточно, для отделения предмета от фона — нет.
Выберите пропорцию (для 1080×1350 это 4:5), наведите рамку на нужный участок, а затем впишите 1080 в поле «Размер файла на выходе». Высота пересчитается сама по пропорции рамки — получится ровно 1080×1350.
Размер рамки и размер файла — разные вещи: первый говорит, что вырезать, второй — в каком разрешении сохранить. Поэтому не нужно подгонять саму рамку под целевые пиксели, достаточно задать их отдельно.
Да. Загрузите несколько файлов сразу — появится лента миниатюр. Пропорция, форма, формат, качество и выходной размер становятся общими на весь пакет: в этом и смысл. Рамка у каждого снимка своя — она автоматически центрируется под выбранную пропорцию, потому что кадры разные.
Любое фото из пакета можно открыть и подвинуть рамку вручную, если авто-центрирование не устроило. Готовый набор скачивается одним ZIP-архивом, который собирается прямо в браузере, без обращения к сторонним библиотекам.
Метаданные не переносятся в результат: изображение пересобирается заново, и EXIF в новый файл не попадает. Это касается и координат съёмки, если камера их записывала. Для публикации в сети это скорее плюс — геометка домашнего адреса вместе с фотографией обычно не нужна.
Если EXIF важно сохранить, кадрирование в браузере для этой задачи не подходит: понадобится редактор, работающий с файлом напрямую.
JPEG не поддерживает прозрачность — в нём попросту нет канала, которым можно было бы описать «здесь пусто». Область за пределами круга пришлось бы залить сплошным цветом, и вместо аккуратного аватара получился бы круг на белом или чёрном квадрате.
Поэтому при выборе круглой формы формат автоматически переключается на PNG: он умеет прозрачность и открывается везде. WebP прозрачность тоже умеет, но для круга мы берём более универсальный PNG.
Нет. Чтение файла, отрисовка, поворот, обрезка и кодирование выполняются в самом браузере на вашем устройстве. Ни оригинал, ни результат никуда не отправляются.
Проверить можно самостоятельно: откройте инструменты разработчика, вкладку «Сеть», и обрежьте снимок. Вы увидите загрузку файлов самого сайта и ни одного запроса, который отправлял бы вашу фотографию.