[{"data":1,"prerenderedAt":11},["ShallowReactive",2],{"guide:ru:blog\u002Fcrop-photo-into-circle":-1,"article-ru-crop-photo-into-circle":3},{"slug":4,"title":5,"description":6,"date":7,"keyword":8,"tool":9,"html":10},"crop-photo-into-circle","Как обрезать фото в круг (бесплатно, без загрузки)","Нужна круглая аватарка или логотип? Вот как обрезать фото в круг прямо в браузере, бесплатно, без загрузки и регистрации.","2026-09-14","crop photo into circle","crop-image","\u003Cp>Круглые аватарки везде — в Slack, Zoom, Teams, Google аккаунтах, WhatsApp, WordPress, на большинстве страниц команд сайтов. Так что когда кто-то спрашивает, как обрезать фото в круг, честный ответ обычно их удивляет: \u003Cstrong>вам почти никогда не нужен круглый файл.\u003C\u002Fstrong> Вам нужен идеальный квадрат с центрированным объектом, а приложение нарисует круг поверх него.\u003C\u002Fp>\n\u003Cp>Вот как сделать этот квадрат правильно и что делать в редких случаях, когда вам действительно нужно круглое изображение с прозрачными углами.\u003C\u002Fp>\n\u003Ch2>Почему квадратная обрезка — это решение в 90% случаев\u003C\u002Fh2>\n\u003Cp>Приложения, которые отображают круглые аватарки, не хранят круглые изображения. Они хранят ваш квадратный (или прямоугольный) файл и применяют сверху круговую маску CSS. Круг, вписанный в квадрат, касается середины каждого края, поэтому видимая область — это квадрат минус четыре угла, примерно 21% изображения скрывается.\u003C\u002Fp>\n\u003Cp>Вот в чем ошибка большинства людей. Если вы загрузите фото, где ваша голова заполняет весь кадр от края до края, круговая маска отрежет верх волос и оба уха. Обрезайте для круга, а не для квадрата.\u003C\u002Fp>\n\u003Ch2>Пошагово: центрированная квадратная обрезка\u003C\u002Fh2>\n\u003Col>\n\u003Cli>Откройте \u003Ca href=\"\u002Fru\u002Fcrop-image\">инструмент обрезки\u003C\u002Fa> в браузере. Ничего не загружается — изображение обрабатывается на вашем устройстве, поэтому ваше фото никогда не покидает ваш компьютер.\u003C\u002Fli>\n\u003Cli>Нарисуйте \u003Cstrong>квадратную\u003C\u002Fstrong> область с соотношением 1:1. Заблокируйте соотношение сторон, если инструмент это позволяет, чтобы не отклониться на 4 пиксела и не получить сплюснутую аватарку.\u003C\u002Fli>\n\u003Cli>Расположите выделение так, чтобы важная часть находилась в центре. Для портрета: глаза примерно на трети от верха, видимый промежуток фона над головой и по обе стороны.\u003C\u002Fli>\n\u003Cli>Экспортируйте и проверьте результат, представив круг, нарисованный внутри него. Все, что касается угла, исчезнет.\u003C\u002Fli>\n\u003Cli>Если файл больше, чем вам нужно, пропустите его через \u003Ca href=\"\u002Fru\u002Fresize-image\">изменение размера\u003C\u002Fa> — 400×400 или 512×512 достаточно для почти любого слота аватарки — а затем \u003Ca href=\"\u002Fru\u002Fcompress-image\">сожмите\u003C\u002Fa>, если есть ограничение на размер загрузки.\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>Быстрая проверка: закройте большой палец над каждым углом экспортированного изображения. Если под пальцем нет ничего важного, круговая обрезка будет выглядеть хорошо.\u003C\u002Fp>\n\u003Ch3>Логотипы и фото товаров\u003C\u002Fh3>\n\u003Cp>Логотипы — самый сложный случай, потому что надпись широкая, а круг нет. Не уменьшайте весь логотип, чтобы он поместился в круг — он будет выглядеть крошечным. Вместо этого обрежьте до части иконки или монограммы, по центру, с полями. Если логотип находится на фоне, который вы не хотите, \u003Ca href=\"\u002Fru\u002Fremove-background\">сначала удалите фон\u003C\u002Fa> и сохраните как PNG, чтобы прозрачная область сливалась с цветом платформы.\u003C\u002Fp>\n\u003Ch2>Когда вам действительно нужно круглое изображение\u003C\u002Fh2>\n\u003Cp>Есть несколько случаев, когда квадрат не подходит: размещение круглого портрета на цветном слайде, напечатанном листовке или подписи в письме, где маски CSS нет. Варианты, от самых простых:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>PowerPoint \u002F Google Slides \u002F Canva:\u003C\u002Fstrong> вставьте квадратное изображение, затем используйте обрезку по форме ("Обрезка по фигуре → Овал"). Поскольку ваше изображение уже квадратное, овал становится идеальным кругом.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Веб-страницы:\u003C\u002Fstrong> оставьте квадратный файл и добавьте \u003Ccode>border-radius: 50%\u003C\u002Fcode> в CSS. Одна строка, без редактирования изображения, и файл остается меньше.\u003C\u002Fli>\n\u003Cli>\u003Cstrong>Word или подпись письма:\u003C\u002Fstrong> вставьте изображение, затем Picture Format → Crop to Shape → Oval.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Во всех случаях, начиная с правильно центрированной квадратной обрезки, результат выглядит намеренным, а не случайно обезглавленным.\u003C\u002Fp>\n\u003Ch2>Сохраните как PNG, если нужна прозрачность\u003C\u002Fh2>\n\u003Cp>Если ваше круглое изображение будет иметь прозрачные углы, оно должно быть PNG — JPG не имеет альфа-канала и заполнит углы белым. Если вам нужно изменить формат, \u003Ca href=\"\u002Fru\u002Fconvert-image\">конвертер изображений\u003C\u002Fa> работает с PNG, JPG и WebP прямо в браузере.\u003C\u002Fp>\n\u003Cp>Она последняя заметка о конфиденциальности: аватарки — это личное, и большинство сайтов "бесплатная круговая обрезка" загружают ваш файл на сервер для обработки. Каждый инструмент cutbg работает полностью в вашем браузере — без загрузки, без аккаунта, без копии вашего лица в чьем-то хранилище. Закройте вкладку, и она исчезнет.\u003C\u002Fp>\n",1791831532216]