Обрезать фото
Обрезайте JPG, PNG и WebP рамкой или точно по пикселям: пропорции 1:1, 3:4, 16:9, 4:5 и своя, по кругу для аватарки — фото не загружаются на сервер
Инструмент справился с вашей задачей?
Одно нажатие, без регистрации. По ответам мы решаем, какие инструменты дорабатывать первыми.
Ваш ответ здесь будет первым.
Этот инструмент ещё ждёт первого комментария
Нашли приём, остался вопрос или чего-то не хватило — напишите, пригодится следующим. Без почты и пароля · публикуем после проверки, обычно за 1–2 дня
Обрезать фото онлайн: рамкой или точно по пикселям
Инструмент обрезает фото: оставляет нужную часть кадра и убирает лишние края. Подходят JPG (его ещё называют «джипег»), PNG и WebP. Рамку можно тянуть мышью или пальцем за углы и стороны и перетаскивать целиком, а можно задать точно — полями X, Y, ширина и высота в пикселях исходного фото. Поля и рамка связаны: правка числа двигает рамку, а движение рамки меняет числа. С клавиатуры рамка сдвигается стрелками на 1 пиксель, а Shift со стрелками меняет её размер. Рамка всегда остаётся внутри кадра, самая маленькая — 1×1 пиксель.
Обрезать фото обычно нужно в пяти случаях. Аватарка: квадрат 1:1 или круг, в центре которого лицо. Соцсети: кадр нужной пропорции, например 4:5 или 1:1, чтобы площадка не обрезала его по-своему. Документы и анкеты: фото 3×4 или своё соотношение из требований, например 35:45. Скриншоты: убрать панели, соседние окна и личные данные по краям. Маркетплейсы и объявления: срезать лишний фон вокруг товара, оставив сам товар целиком.
Обрезка не масштабирует картинку: оставшиеся пиксели не пересчитываются и не растягиваются. JPG и WebP при этом пересохраняются с качеством 92 из 100, а PNG сохраняется без потерь, если у него 8 бит на канал, цвета в sRGB или Display P3 и нет полупрозрачности. Большой снимок на экране показывается уменьшенной копией, а обрезается оригинал в полном разрешении — до 200 мегапикселей. Формат не меняется: JPG остаётся JPG, PNG — PNG, WebP — WebP; только круг сохраняется в PNG, чтобы углы были прозрачными. Фото обрабатывается прямо в браузере и не отправляется на сервер. EXIF с геометкой в новый файл не попадают. Регистрация не нужна.
- Рамка мышью или пальцем: тяните за углы и стороны, перетаскивайте целиком
- Точно по пикселям: поля X, Y, ширина и высота в пикселях исходного фото
- Пропорции «Свободно», «Как у фото», 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, 2:3, 4:5 и своё соотношение
- Обрезка по кругу для аватарки — PNG с прозрачными углами
- Пиксели 1:1, без масштабирования: обычный PNG (8 бит, sRGB или Display P3, без полупрозрачности) — точная копия выбранной части
- Формат не меняется: JPG → JPG, PNG → PNG, WebP → WebP
- Клавиатура: стрелки двигают рамку на 1 пиксель, Shift со стрелками меняет размер
- Обработка в браузере: фото не загружаются на сервер
Как обрезать фото по кругу для аватарки
Включите обрезку по кругу — рамка станет квадратной, потому что круг вписывается в квадрат. Передвиньте её так, чтобы лицо оказалось в центре, и скачайте результат. Всё, что лежит за пределами круга, становится прозрачным. Поэтому круглое фото всегда сохраняется в PNG, даже если исходник был JPG: у JPG прозрачности нет, и углы пришлось бы чем-то закрасить.
Край круга сглажен, а не рублен ступеньками: для каждого пикселя на границе считается, какую долю его площади закрывает окружность, и эта доля становится прозрачностью. Внутри круга пиксели не пересчитываются: в замере они совпали с исходником побайтово, а у снимка в Display P3 — с точностью до 1 ступени из 255. Углы квадрата полностью прозрачные. Прозрачность исходного PNG внутри круга тоже сохраняется. Оговорки те же, что у обычной обрезки в PNG: 16 бит на канал станут 8, а другой цветовой профиль переведётся в sRGB или Display P3.
Круглый PNG весит заметно больше, чем такой же квадрат в JPG: в замере круг 3000×3000 из картинки 12 Мп с зерном, как у фото с телефона, весил 12,8 МБ, а квадрат 3000×3000 в JPG — 2,28 МБ. Для аватарки столько пикселей обычно не нужно: круг можно уменьшить в «Изменить размер фото», прозрачность PNG там сохраняется. Если сайт или мессенджер сам показывает аватарку кругом, ему достаточно квадрата 1:1 — круг он вырежет сам. Круглый PNG нужен, когда картинка встаёт как есть: на слайд презентации, на сайт, в подпись письма или в макет.
Обрезать фото 1:1, 3:4 или 16:9: какую пропорцию выбрать
Пропорция — это отношение ширины к высоте. Когда она выбрана, рамка меняется только в этих пропорциях, как её ни тяни, а стороны остаются целыми числами пикселей. «Свободно» — рамка любой формы. «Как у фото» — те же пропорции, что у исходника: удобно, когда нужно срезать края, не меняя формы кадра. При смене пропорции рамка считается от той, что вы задали сами — мышью, пальцем, стрелками или полями X, Y, ширина и высота, а пока рамку не трогали — от всего фото. Центр остаётся тем же, площадь — примерно той же, а если такая рамка не помещается в кадр, она становится наибольшей из тех, что влезают. Поэтому пропорции можно перебирать: рамка не зависит от того, какие пропорции вы выбирали до этого, а «Свободно» возвращает вашу рамку — или всё фото, если её ещё не трогали.
1:1 — квадрат: аватарки, фото товаров, квадратные посты. 4:3 — пропорции снимка 4000×3000, а 3:4 — тот же кадр, поставленный вертикально, и заодно фото 3×4 для документов и анкет. 16:9 — пропорции экрана Full HD 1920×1080 и широких обложек, 9:16 — такой же кадр вертикально. 3:2 и 2:3 — пропорции отпечатка 15×10 и 10×15 см. 4:5 — вертикальный кадр, чуть выше квадрата.
Соцсети подгоняют фото под себя. Instagram в своей справке пишет, что поддерживает соотношение сторон от 1,91:1 до 3:4, а фото с другими пропорциями обрезает до разрешённого размера. Пропорции 1:1, 4:5, 3:4, 4:3, 3:2 и 16:9 в эти пределы входят, 9:16 и 2:3 — нет. Если заранее обрезать кадр до 4:5 или 1:1, вы сами решаете, что в нём останется.
Если нужной пропорции нет в списке, впишите своё соотношение — например, 35:45, когда нужно фото 35×45 мм, или 1,91:1. Инструмент выдерживает только форму кадра: фон, положение и размер лица он не проверяет. Размер для печати в сантиметрах — например, фото 3×4 см — задаётся в «Изменить размер фото»: там сантиметры переводятся в пиксели по dpi.
Пример: фото товара для маркетплейса
Товар сфотографирован на телефон с большим запасом фона: снимок 4000×3000, сам товар — в середине кадра. Для карточки нужен вертикальный кадр. Wildberries в справке для продавцов пишет, что на главной фотографии товар должен быть виден полностью, а само фото — не меньше 700×900 пикселей, в JPG, PNG или WebP и до 10 МБ.
Открыть инструмент «Обрезать фото» и загрузить снимок
Выбрать пропорцию 3:4 — рамка станет наибольшей, 2250×3000, и встанет по центру
Уменьшить рамку за угол и передвинуть её так, чтобы товар остался целиком и не касался краёв, а ширина и высота в полях были не меньше 700 и 900
Скачать обрезанный JPG
Получится вертикальный JPG в пропорции 3:4 — например, 1500×2000 пикселей, больше минимума в 700×900. Срезается только лишний фон, сам товар остаётся целиком. Пиксели не пересчитываются, файл пересохраняется с качеством 92 из 100, а EXIF с геометкой в него не попадают.
Знаете ли вы?
Край круга здесь считается по площади: для каждого пикселя границы — какая доля его закрыта окружностью. В замере у круга 3000×3000 на краю 255 уровней прозрачности, и в среднем край отклоняется от точной доли на 0,32 ступени из 255. Встроенная отрисовка окружности в Chromium на видеокарте дала в том же замере всего 4–5 уровней — край выходил ступенчатым.
В EXIF есть метка ориентации с восемью значениями: четыре поворота и те же четыре с зеркальным отражением. Камера может записать снимок боком и лишь пометить, как его повернуть. Здесь метка применяется при открытии — все восемь значений проверены в замере у JPG, PNG и WebP.
Пропорция 3:2 пришла из плёночной фотографии: кадр плёнки типа 135 — 36×24 мм. Отпечаток 10×15 см имеет те же пропорции, только поставлен вертикально — это 2:3.
Самая маленькая рамка — 1×1 пиксель: из снимка 12 Мп можно вырезать хоть одну точку. В замере такие рамки в углах кадра PNG совпали с эталоном побайтово — цвет точки остался тем же.
Обрезать, изменить размер или сжать: что меняется
| Инструмент | Что происходит | Пример со снимком 4000×3000 |
|---|---|---|
| Обрезать фото | Убирает края кадра; оставшиеся пиксели не пересчитываются | Квадрат 3000×3000 из середины кадра |
| Изменить размер фото | Пересчитывает все пиксели, кадр остаётся целиком | Весь кадр в размере 1920×1440 |
| Сжать фото | Уменьшает вес файла; размер в пикселях по умолчанию прежний | Те же 4000×3000, но легче — например, до 1 МБ |
Какую рамку даёт каждая пропорция в снимке 4000×3000
| Пропорция | Наибольшая рамка, пикселей | Для чего |
|---|---|---|
| 1:1 | 3000×3000 | Аватарки, фото товаров, квадратные посты |
| 4:3 | 4000×3000 (весь кадр) | Горизонтальный кадр тех же пропорций, что у снимка |
| 3:4 | 2250×3000 | Вертикальный кадр, фото 3×4 для документов и анкет |
| 16:9 | 4000×2250 | Экран Full HD 1920×1080, широкие обложки |
| 9:16 | 1688×3000 | Тот же 16:9, поставленный вертикально |
| 3:2 | 4000×2667 | Горизонтальный отпечаток 15×10 см |
| 2:3 | 2000×3000 | Вертикальный отпечаток 10×15 см |
| 4:5 | 2400×3000 | Вертикальный пост: в пределах пропорций из справки Instagram |
| 35:45 (своё соотношение) | 2333×3000 | Фото 35×45 мм, если такой размер указан в требованиях |
Почему обрезанный JPG пересохраняется
JPG хранит картинку сжатой с потерями — блоками по 8×8 пикселей. Отдельные программы, например jpegtran, умеют обрезать JPG без пересжатия — по границам блоков. Браузер так не умеет: он может только раскодировать картинку и записать её заново. Поэтому здесь JPG и WebP пересохраняются с качеством 92 из 100. В замере обрезанный JPG отличался от несжатых пикселей ровно так же, как после обрезки в библиотеке Pillow с тем же качеством: например, у тестовой картинки 12 Мп (обои macOS без зерна) целиком сходство по метрике SSIM — 0,9954 и там и там (1 — полное совпадение). Каждое пересохранение теряет немного деталей, поэтому обрезайте оригинал, а не уже обрезанную копию. PNG сохраняется без потерь, кроме трёх случаев: 16 бит на канал, цветовой профиль не sRGB и не Display P3, полупрозрачность — что изменится, заранее скажет подпись у кнопки «Обрезать».
Как обрезать фото онлайн: пошаговая инструкция
Загрузите фото
Перетащите файл в окно или выберите его на компьютере или телефоне. Подходят JPG, PNG и WebP до 200 мегапикселей. Фото с телефона откроется повёрнутым так, как вы его видите.
Выберите пропорцию
«Свободно» — рамка любой формы, «Как у фото» — пропорции исходника, либо 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, 2:3, 4:5 или своё соотношение. Для аватарки включите обрезку по кругу.
Настройте рамку
Тяните рамку мышью или пальцем за углы и стороны, перетаскивайте целиком или впишите X, Y, ширину и высоту в пикселях исходного фото. С клавиатуры стрелки двигают рамку на 1 пиксель, а Shift со стрелками меняет её размер.
Скачайте результат
Нажмите «Обрезать», а затем «Скачать». Файл будет в том же формате, что исходник, а круг — в PNG; размер в пикселях равен размеру рамки. JPG и WebP сохраняются с качеством 92 из 100. PNG — без потерь, а если у него 16 бит на канал, другой цветовой профиль или полупрозрачность, подпись у кнопки заранее скажет, что изменится.
Примеры: что получится после обрезки
Квадрат 1:1 из картинки 4000×3000
Наибольший квадрат в горизонтальном кадре — 3000×3000: когда рамка стоит по центру, по 500 пикселей срезается слева и справа. В замере картинка 12 Мп с зерном, как у фото с телефона, в JPG весом 3,44 МБ дала квадрат весом 2,28 МБ, а обрезка в браузере Chromium на Mac с процессором Apple M4 заняла 0,19–0,20 секунды.
Круг для аватарки
Из той же картинки круг 3000×3000 в PNG весил 12,8 МБ — в 5,6 раза больше квадрата в JPG — и был готов за 0,47–0,49 секунды. Углы полностью прозрачные, край сглажен. Чтобы файл стал легче, уменьшите круг, например, до 1000×1000 в «Изменить размер фото».
Скриншот без лишних краёв
Если скриншот сохранён в обычный PNG — 8 бит на канал, без прозрачности, цвета в sRGB или Display P3, — выбранная часть переносится точной копией: каждый пиксель без изменений. В замере 30 из 30 таких проверок совпали с эталоном — библиотекой Pillow — побайтово, в том числе рамки 1×1 пиксель в углах кадра и столбец шириной 1 пиксель; побайтово сохранился и PNG с профилем дисплея Mac («Color LCD»), какой macOS пишет в снимки экрана.
Очень большая картинка 200 Мп
В замере JPG 16 384×12 207 пикселей (200 Мп) с зерном, как у фото с телефона, с рамкой на весь кадр был готов за 6,2–7,4 секунды, а браузер в этот момент занимал около 3,3 ГБ памяти — на Mac с 16 ГБ; PNG такого размера требует больше памяти. На компьютере с меньшим объёмом памяти и на телефоне такие картинки могут не поместиться; мы это не проверяли.
Частые вопросы об обрезке фото
Как обрезать фото онлайн?
Можно ли обрезать фото без потери качества?
Как обрезать фото по кругу?
Как обрезать фото точно по пикселям?
Как обрезать фото 3 на 4?
Загружаются ли фото на сервер?
Какие форматы поддерживаются?
Можно ли обрезать несколько фото сразу?
Полезная информация
🔒 Где обрабатывается фото. Всё происходит в браузере на вашем устройстве: файл не отправляется на сервер ToolFox. Большой снимок на экране показывается уменьшенной копией, а обрезается оригинал в полном разрешении. В браузере Chromium на Mac с процессором Apple M4 прямоугольник из картинки 12 Мп в JPG с зерном, как у фото с телефона, вырезается за 0,09–0,30 секунды, круг — за 0,47–0,55 секунды (компьютер при замере был занят и другими программами), на телефоне это дольше. Если браузер не сможет создать картинку такого размера, инструмент скажет об этом, но если памяти не хватит всему телефону, браузер может просто закрыть вкладку.
🧭 Метаданные и цвет. EXIF с геометкой, моделью камеры и датой съёмки в новый файл не переносятся — в замере их не было ни в одном из 89 результатов, — а поворот из EXIF применяется к самой картинке у JPG, PNG и WebP. Широкий цветовой охват Display P3 в Chromium сохраняется — это проверено замером, в других браузерах мы это не проверяли. Фото с другим профилем, например Adobe RGB, сохранится в Display P3 или sRGB: оттенки могут сдвинуться, а самые насыщенные — стать бледнее; об этом предупредит подпись у кнопки «Обрезать». 16-битный PNG сохраняется 8-битным. Прозрачность PNG и WebP сохраняется точно; у полупрозрачных пикселей PNG видимый цвет отличается от исходного меньше чем на 1 ступень из 255.
🎯 Формат не меняется. JPG остаётся JPG, PNG — PNG, WebP — WebP, а круг всегда сохраняется в PNG. JPG и WebP пересохраняются с качеством 92 из 100, поэтому WebP без потерь после обрезки становится WebP с потерями. Сменить формат помогут конвертеры PNG в JPG, JPG в WEBP и WEBP в JPG. Нужен файл легче — поможет «Сжать фото», нужен точный размер в пикселях после обрезки — «Изменить размер фото».
📱 На телефоне. Рамку можно тянуть пальцем за углы и стороны и перетаскивать целиком, а точный размер вписать в поля. Фото с айфона в HEIC откроется в Safari 17 и новее и сохранится в JPG. Safari не сохраняет WebP — такой файл переведите в JPG конвертером. Мы проверяли инструмент в Chromium на компьютере; на iPhone и Android не проверяли.
Другие инструменты для фото
Изменить размер, сжать, убрать фон или сменить формат после обрезки:
Комментарии
Этот инструмент ещё ждёт первого комментария
Без почты и пароля · публикуем после проверки, обычно за 1–2 дня
Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.