Обрезка изображения в круг звучит так, будто должна быть одним шагом. Загвоздка в углах. Круг сидит внутри квадрата, и четыре угла за его пределами должны стать чем-то. Если они станут белыми, ваш круг несёт белый прямоугольник, который проявляется в тот момент, когда вы кладёте его на что угодно, кроме белого. Если они станут прозрачными, круг чисто парит на любом фоне. Эта разница целиком зависит от формата файла.
Почему это должен быть PNG
JPEG не может хранить прозрачность. Каждый пиксель в JPEG непрозрачен, так что «круглый» JPEG на деле квадрат с белым (или каким-то цветом), заполняющим углы. Он выглядит круглым только на совпадающем фоне и разваливается на тёмной странице или цветной карточке.
PNG поддерживает альфа-канал — каждый пиксель может быть полностью видимым, полностью невидимым или где-то между. Именно это позволяет углам за пределами круга быть по-настоящему пустыми. Так что круглая обрезка с прозрачным фоном всегда PNG. Если инструмент выдаёт вам JPEG и называет его прозрачным, он не может им быть; формат этого не позволяет.
Как её сделать
Перетащите изображение, выберите форму круга и экспортируйте с прозрачным фоном. Под капотом он берёт самый большой квадрат из центра вашего изображения, затем маскирует круг на нём в полном разрешении, так что экспортируемый край остаётся резким, а не масштабируется из маленького предпросмотра. Углы выходят прозрачными, и PNG готов лечь на любой фон.
Вы не ограничены полным кругом. Скруглённый квадрат с настраиваемым радиусом покрывает иконки приложений и миниатюры карточек, которым нужны мягкие углы, а обычный квадрат даёт чистую центрированную обрезку без маски. Все три экспортируются одинаково, с прозрачностью в той области, что выпадает за форму.
Деталь про качество края
Одно, что стоит знать: маска применяется в полном разрешении изображения, а не к уменьшенному предпросмотру. Это держит круглый край чётким, а не зубчатым или мягким. Если вы когда-нибудь обрезали круг где-то и замечали ступенчатую кромку, это обычно результат маскирования маленького предпросмотра и его увеличения. Делать это в полном размере избегает этого.
Честные ограничения
Обрезка центрирована — она берёт средний квадрат вашего изображения, и нет рычага, чтобы переместить кадр. Это идеально, когда ваш объект уже по центру, и неудобно, когда нет. Если нужная часть сбоку, сначала обрежьте изображение до неё базовым кроппером, затем сделайте круглую обрезку результата. Он также обрабатывает по одному изображению за раз, так что создан для одного чистого среза, а не для пакета из пятидесяти.
Оно остаётся на вашем устройстве
Всё работает в вашем браузере. Ваше изображение декодируется, приводится к квадрату, маскируется и кодируется в PNG локально — ничего не загружается, нет аккаунта, и ни один сервер никогда не получает файл. Загрузите страницу один раз, и она работает офлайн. Выберите изображение, обрежьте его в круг, экспортируйте прозрачный PNG — и он чисто ляжет туда, куда вы его поместите.