Как пользоваться
- Нажмите Выберите файл и выберите картинку или перетащите её в окно.
- Выберите Единица радиуса: процент от меньшей стороны или пиксели.
- Передвиньте ползунок Радиус, пока углы в предпросмотре не будут выглядеть верно. Прозрачная часть показана на клетчатом фоне.
- Нажмите Скачать PNG. Файл сохраняет прозрачные углы, где бы вы его ни поставили.
Как делаются углы
Каждый угол — четверть окружности заданного радиуса. Страница рисует картинку только внутри контура, образованного четырьмя углами, поэтому части за пределами контура прозрачны. Процент берётся от меньшей стороны картинки, значение в пикселях используется как есть. В любом случае радиус ограничивается половиной меньшей стороны, поэтому углы никогда не перекрываются.
Площадь, которую отрезают четыре угла, равна (4 − π) умножить на квадрат радиуса. При радиусе, равном половине меньшей стороны квадрата, прозрачная область составляет 21,46 % картинки: четыре угла вне вписанного круга. Квадратная картинка при 50 % даёт поэтому круглое изображение с прозрачными краями — круглую обрезку с прозрачностью.
Почему результат — PNG
JPEG не может хранить прозрачность, поэтому картинка со скруглёнными углами сохраняется как PNG. PNG сохраняет каждый пиксель картинки точно. Поэтому фото получается больше, чем то же фото, сохранённое как JPEG.
Страница не добавляет цвет фона. Если фон нужен, поставьте PNG поверх него в редакторе или на странице, где он используется.
Пример: картинка 800 на 600 с радиусом 10 %
Радиус 10 % от меньшей стороны (600 пикселей) — это 60 пикселей. Четыре угла отрезают (4 − π) умножить на 60 в квадрате, то есть 3 090,3 пикселя из 480 000, или 0,64 % картинки. Углы небольшие, поэтому изменение незаметно.
Та же картинка при наибольшем радиусе, 300 пикселей (половина меньшей стороны), имеет 16,1 % пикселей прозрачными в углах.
Частые вопросы
Загружается ли моя картинка, когда я скругляю её углы?
Нет. Картинку читает ваш браузер, углы вырезаются в браузере, а PNG записывается на вашем устройстве. Проверить это можно, отключив интернет после загрузки страницы и скруглив небольшую картинку.
Почему скачивается PNG, а не JPEG?
Скруглённые углы прозрачны, а JPEG не может хранить прозрачность. PNG сохраняет пиксели картинки точно, поэтому файл больше JPEG той же картинки.
Какой самый большой радиус можно использовать?
Половину меньшей стороны картинки. При таком радиусе два угла на каждой короткой стороне встречаются, и квадрат становится кругом. Большее значение обрезается до половины.
Что выбрать: проценты или пиксели?
Проценты подходят для картинки любого размера и сохраняют вид при изменении размера. Пиксели дают точный радиус, что полезно, когда макет требует конкретного значения.
Можно ли сделать круглое фото профиля этим инструментом?
Да, для квадратной картинки задайте радиус 50 %. Инструмент обрезки картинок на этом сайте тоже делает круглую обрезку выбранной области, что может подойти для фото, которое не квадратное.
Источники
Цифры и текст в последний раз проверены среда, 11 ноября 2026 г..