Обрезать фото кругом
Вырежьте круг, овал или скругленный квадрат из любого фото и скачайте PNG с прозрачным фоном.
Перетащите файлы сюда
.jpg, .jpeg, .png, .webp, .avif, .bmp · до 100 МБ
Как обрезать кругом
- 1
Перетащите фото
Добавьте одно изображение или до двадцати сразу. Подходят JPG, PNG, WebP, AVIF и BMP, а файл обрабатывается прямо в этой вкладке браузера.
- 2
Сдвиньте и измените размер круга
Круг появляется по центру и таким большим, насколько позволяет фото. Поменяйте центр и радиус, настройте фон вокруг и рамку по краю.
- 3
Скачайте прозрачный PNG
Сохраните результат в исходном размере или как готовый аватар. Несколько файлов скачиваются одним ZIP-архивом.
Почему результат в PNG
Все, что находится за пределами круга, должно превратиться в пустоту. Хранить пустоту может только формат с альфа-каналом. У PNG он есть, у JPEG нет: JPEG обязан задать цвет каждому пикселю, поэтому область за пределами круга вернулась бы черным или белым квадратом с нарисованным внутри кругом. Выбор формата появляется только после того, как вы зададите сплошной фон. В этот момент прозрачность уже не нужна, и JPEG становится уместным и гораздо более компактным вариантом.
Аватар обычно 400 или 512 пикселей
Большинство аватаров показываются в круглой рамке и имеют ширину в несколько сотен пикселей. Поэтому фото в 4000 пикселей заставит браузер на другой стороне снова уменьшать его. Список размеров результата покрывает размеры, которые используют сервисы: 256, 400, 512 и 1024. Масштабирование здесь делается с качественным сглаживанием и обычно выглядит лучше, чем автоматическое уменьшение на принимающем сайте. Сочетание круглой обрезки с фиксированным размером превращает обычный снимок в готовую картинку профиля за один шаг.
Круги, овалы и скругленные квадраты
Круг — это то, что ожидает большинство рамок для аватаров. Скругленный квадрат нужен для иконок приложений и карточных раскладок. Скругление углов настраивается от едва заметного на 1 процент до полного круга на 50 процентов. На этом значении половина стороны равна вписанному радиусу, и фигура становится тем же самым кругом. Овал нужен для промежуточных случаев, когда лицо на снимке выше, чем шире, и ровный круг срезал бы подбородок.
Край сглажен, а не «лесенкой»
Жестко обрезанный круг оставляет видимую «лесенку» по краю, и она сразу бросается в глаза, как только PNG кладут на цветной фон. Здесь маска накладывается с размытием на полпикселя, поэтому внешний кольцевой слой пикселей получает частичное значение альфа, а не прыгает от полностью непрозрачного к полностью прозрачному. В круге на 2000 пикселей это мягкое кольцо суммарно занимает примерно 27 000 пикселей. Как размытие оно не заметно, но именно оно делает край чистым.
Фото не покидает эту вкладку
Декодирование, маска и сохранение результата выполняются локально через Canvas API. Копия вашего фото не загружается на сервер, не ставится в очередь и не сохраняется. Закройте вкладку, и следов не останется.
Частые вопросы
Почему результат в PNG, а не в JPG?
Только PNG умеет хранить прозрачность. JPEG обязан присвоить цвет каждому пикселю, поэтому область за пределами круга была бы закрашена, а не оставлена пустой. Если выбрать сплошной белый, черный или свой фон, прозрачность уже не нужна, и вариант JPG становится доступен.
Фон будет прозрачным?
Да. Все за пределами фигуры имеет альфа-значение ноль. Просмотрщики и редакторы показывают это как шахматку, а сайты — как любой фон позади изображения. Некоторые мессенджеры и старые редакторы документов при показе файла сводят прозрачность к белому. Это их поведение, а не свойство файла.
Как сделать аватар 400 на 400 пикселей?
Оставьте форму «круг», выставьте размер результата 400 на 400 и скачайте файл. Круг по умолчанию подгоняется под короткую сторону фото, поэтому вертикальный или горизонтальный кадр сначала обрезается до центрального квадрата, а уже затем масштабируется ровно до 400 пикселей.
Можно ли добавить рамку вокруг круга?
Да, шириной до 64 пикселей и любого цвета. Маска сжимается на половину ширины рамки, чтобы кольцо полностью помещалось внутри изображения и не обрезалось по краю холста. Так рамка в 12 пикселей вокруг круга 1489 пикселей дает ровно 12 пикселей сплошного цвета.
Зачем нужна форма скругленного квадрата?
Иконки приложений, миниатюры карточек и некоторые мессенджеры используют квадрат с мягкими углами вместо круга. Степень скругления задается в процентах от стороны: 24 процента дают типичную форму иконки, а 50 процентов — фигуру, неотличимую от круга.
Теряется ли качество при обрезке в круг?
Пиксели внутри круга копируются как есть, поэтому ресемплирование происходит, только если вы выбираете размер результата. PNG — формат без потерь, так что то, что вы видите внутри круга, в точности соответствует оригинальному фото.
Сколько фото можно обработать за раз?
До двадцати. В пакетной обработке круг подгоняется по центру каждого фото в его собственном размере, потому что радиус, подходящий для одного кадра, на следующем окажется смещенным. Результаты скачиваются одним ZIP-архивом.
Это работает на телефоне?
Да. Инструмент опирается на браузерные API, которые мобильные Chrome и Safari поддерживают уже много лет. Телефонное фото на десять–двенадцать мегапикселей — посильная задача для современного смартфона.
Похожие инструменты
ОбрезатьПеретащите рамку по фото или введите точные пиксели, затем скачайте только нужную часть. Файл не покидает браузер.
Изменить размерИзмените размер фото в пикселях по точным значениям, в процентах или по готовому пресету — прямо в браузере.
Рамка для фотоШесть видов рамок — сплошная, полароид, с тенью, с закругленными углами, двойная линия и кинопленка. Толщина в пикселях или в процентах от кадра.
Удалить фонВырежьте объект из фото с помощью ИИ: наш сервер находит его по уменьшенной копии 1024 × 1024, а сам вырез из вашего снимка делает браузер. Скачайте прозрачный PNG или тот же вырез на однотонном фоне.
Сжать изображениеСжать файлы JPG, PNG, WebP, AVIF и GIF прямо в браузере: уровень, который сохраняет разрешение, или, кроме GIF, целевой размер в КБ либо МБ.