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

Обрезать фото

Обрезайте 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 МБ.

      1

      Открыть инструмент «Обрезать фото» и загрузить снимок

      2

      Выбрать пропорцию 3:4 — рамка станет наибольшей, 2250×3000, и встанет по центру

      3

      Уменьшить рамку за угол и передвинуть её так, чтобы товар остался целиком и не касался краёв, а ширина и высота в полях были не меньше 700 и 900

      4

      Скачать обрезанный 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:13000×3000Аватарки, фото товаров, квадратные посты
      4:34000×3000 (весь кадр)Горизонтальный кадр тех же пропорций, что у снимка
      3:42250×3000Вертикальный кадр, фото 3×4 для документов и анкет
      16:94000×2250Экран Full HD 1920×1080, широкие обложки
      9:161688×3000Тот же 16:9, поставленный вертикально
      3:24000×2667Горизонтальный отпечаток 15×10 см
      2:32000×3000Вертикальный отпечаток 10×15 см
      4:52400×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, полупрозрачность — что изменится, заранее скажет подпись у кнопки «Обрезать».

      Как обрезать фото онлайн: пошаговая инструкция

      1

      Загрузите фото

      Перетащите файл в окно или выберите его на компьютере или телефоне. Подходят JPG, PNG и WebP до 200 мегапикселей. Фото с телефона откроется повёрнутым так, как вы его видите.

      2

      Выберите пропорцию

      «Свободно» — рамка любой формы, «Как у фото» — пропорции исходника, либо 1:1, 4:3, 3:4, 16:9, 9:16, 3:2, 2:3, 4:5 или своё соотношение. Для аватарки включите обрезку по кругу.

      3

      Настройте рамку

      Тяните рамку мышью или пальцем за углы и стороны, перетаскивайте целиком или впишите X, Y, ширину и высоту в пикселях исходного фото. С клавиатуры стрелки двигают рамку на 1 пиксель, а Shift со стрелками меняет её размер.

      4

      Скачайте результат

      Нажмите «Обрезать», а затем «Скачать». Файл будет в том же формате, что исходник, а круг — в 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 такого размера требует больше памяти. На компьютере с меньшим объёмом памяти и на телефоне такие картинки могут не поместиться; мы это не проверяли.

      Частые вопросы об обрезке фото

      Как обрезать фото онлайн?
      Загрузите фото и выберите пропорцию — например, 1:1 или «Свободно». Потяните рамку за углы или стороны, передвиньте её на нужную часть кадра или впишите X, Y, ширину и высоту в пикселях. Затем скачайте результат: он будет в том же формате — JPG, PNG или WebP, а круг — в PNG. Фото обрабатывается в браузере и на сервер не отправляется.
      Можно ли обрезать фото без потери качества?
      Пиксели не пересчитываются. PNG с 8 битами на канал, цветами в sRGB или Display P3 и без полупрозрачности сохраняется точной копией: в замере 30 из 30 проверок совпали с эталоном побайтово. Что изменится у другого PNG — например, 16 бит станут 8, — заранее скажет подпись у кнопки «Обрезать». JPG и WebP пересохраняются с качеством 92 из 100: строго без потерь, как jpegtran, браузер их не обрежет.
      Как обрезать фото по кругу?
      Включите обрезку по кругу: рамка станет квадратной, а всё за пределами вписанного в неё круга — прозрачным. Поставьте лицо в центр и скачайте файл. Круг всегда сохраняется в PNG, потому что у JPG нет прозрачности. Край круга сглажен. PNG тяжелее JPG: круг 3000×3000 из картинки 12 Мп с зерном, как у фото с телефона, весил 12,8 МБ, а квадрат того же размера в JPG — 2,28 МБ.
      Как обрезать фото точно по пикселям?
      Впишите в поля X и Y отступ левого верхнего угла рамки от левого и верхнего края фото, а в поля ширины и высоты — размер будущего файла. Все числа — в пикселях исходного фото, даже если на экране оно уменьшено. Если выбрана пропорция, вторая сторона подстроится под первую, а рамка, которая не помещается, сдвинется внутрь кадра.
      Как обрезать фото 3 на 4?
      Выберите пропорцию 3:4 и передвиньте рамку: из горизонтального снимка 4000×3000 выйдет самое большее 2250×3000 пикселей. Для фото на документы другого размера, например 35×45 мм, впишите своё соотношение 35:45. Форму кадра инструмент выдержит, но требования к фону и лицу не проверяет. Чтобы получить отпечаток 3×4 см, задайте размер в сантиметрах в «Изменить размер фото».
      Загружаются ли фото на сервер?
      Нет. Фото открывается, обрезается и сохраняется прямо в браузере на вашем устройстве — на сервер ToolFox файлы не отправляются. В новый файл не попадают EXIF с геометкой, моделью камеры и датой съёмки, а поворот из EXIF применяется к самой картинке, поэтому фото с телефона не ляжет на бок.
      Какие форматы поддерживаются?
      JPG (JPEG), PNG и WebP до 200 мегапикселей; результат — в том же формате, круг — в PNG. HEIC с айфона откроется там, где его понимает браузер (Safari 17 и новее), и сохранится в JPG; если не открылся, переведите его «Конвертером HEIC в JPG». GIF, BMP, TIFF и AVIF здесь не обрабатываются. Safari не умеет сохранять WebP: на компьютере для WebP откройте страницу в Chrome, Edge или Firefox. На iPhone и iPad браузеры обычно работают на движке Safari — там переведите фото «Конвертером WEBP в JPG».
      Можно ли обрезать несколько фото сразу?
      Здесь фото обрезается по одному: у каждого кадра своя рамка. Если всем фото нужна одна пропорция и подходит обрезка по центру, откройте «Изменить размер фото»: режим «Заполнить с обрезкой» подгонит до 50 файлов под один размер, срезав лишнее поровну по краям, а скачать их можно одним ZIP-архивом.

      Полезная информация

      🔒 Где обрабатывается фото. Всё происходит в браузере на вашем устройстве: файл не отправляется на сервер 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 дня

      • Руслан АвдеевОт автора проекта
        Все инструменты на ToolFox бесплатны, и я их дорабатываю сам. Напишите, если инструмент считает неверно, чего-то не хватает или что-то стоит поправить, — по таким комментариям я и решаю, чем заняться дальше.

      Комментарии — мнения посетителей, прошедшие проверку по правилам сайта.