Как обрезать фото в круг (бесплатно, без загрузки)

Круглые аватарки везде — в Slack, Zoom, Teams, Google аккаунтах, WhatsApp, WordPress, на большинстве страниц команд сайтов. Так что когда кто-то спрашивает, как обрезать фото в круг, честный ответ обычно их удивляет: вам почти никогда не нужен круглый файл. Вам нужен идеальный квадрат с центрированным объектом, а приложение нарисует круг поверх него.

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

Почему квадратная обрезка — это решение в 90% случаев

Приложения, которые отображают круглые аватарки, не хранят круглые изображения. Они хранят ваш квадратный (или прямоугольный) файл и применяют сверху круговую маску CSS. Круг, вписанный в квадрат, касается середины каждого края, поэтому видимая область — это квадрат минус четыре угла, примерно 21% изображения скрывается.

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

Пошагово: центрированная квадратная обрезка

1. Откройте инструмент обрезки в браузере. Ничего не загружается — изображение обрабатывается на вашем устройстве, поэтому ваше фото никогда не покидает ваш компьютер.
2. Нарисуйте квадратную область с соотношением 1:1. Заблокируйте соотношение сторон, если инструмент это позволяет, чтобы не отклониться на 4 пиксела и не получить сплюснутую аватарку.
3. Расположите выделение так, чтобы важная часть находилась в центре. Для портрета: глаза примерно на трети от верха, видимый промежуток фона над головой и по обе стороны.
4. Экспортируйте и проверьте результат, представив круг, нарисованный внутри него. Все, что касается угла, исчезнет.
5. Если файл больше, чем вам нужно, пропустите его через изменение размера — 400×400 или 512×512 достаточно для почти любого слота аватарки — а затем сожмите, если есть ограничение на размер загрузки.

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

Логотипы и фото товаров

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

Когда вам действительно нужно круглое изображение

Есть несколько случаев, когда квадрат не подходит: размещение круглого портрета на цветном слайде, напечатанном листовке или подписи в письме, где маски CSS нет. Варианты, от самых простых:

• PowerPoint / Google Slides / Canva: вставьте квадратное изображение, затем используйте обрезку по форме ("Обрезка по фигуре → Овал"). Поскольку ваше изображение уже квадратное, овал становится идеальным кругом.
• Веб-страницы: оставьте квадратный файл и добавьте border-radius: 50% в CSS. Одна строка, без редактирования изображения, и файл остается меньше.
• Word или подпись письма: вставьте изображение, затем Picture Format → Crop to Shape → Oval.

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

Сохраните как PNG, если нужна прозрачность

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

Она последняя заметка о конфиденциальности: аватарки — это личное, и большинство сайтов "бесплатная круговая обрезка" загружают ваш файл на сервер для обработки. Каждый инструмент cutbg работает полностью в вашем браузере — без загрузки, без аккаунта, без копии вашего лица в чьем-то хранилище. Закройте вкладку, и она исчезнет.