Как скруглить углы без программы для дизайна?

Загрузите изображение сюда, потяните ползунок, скачайте PNG. Скругление вырезается прямо в файле вместе с прозрачными углами, поэтому работает в любом месте назначения — без поддержки стилей.

Как процентный радиус связан с border-radius?

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

Можно ли сделать круглое фото профиля из прямоугольного снимка?

Да — круговой режим обрезает наибольший центрированный квадрат и превращает его в круг за один шаг. Результат — прозрачный PNG.

Снижает ли скругление углов качество изображения?

Нет. Пиксели внутри формы копируются без изменений; прозрачными становятся только углы. Ничего не пересжимается заново, поскольку результат — PNG без потерь.

Скругление углов изображения

Обрежьте любое изображение со скруглёнными углами или в идеальный круг и экспортируйте PNG с настоящей прозрачностью — готово для аватаров и слайдов.

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

Открыть обрезку изображений

Об инструменте Скругление углов изображения

Скругление углов изображения делает то же, что CSS-свойство border-radius, но «впекает» результат в сам файл — для всех мест, куда CSS не дотягивается: презентации, документы, чаты, торговые площадки и скриншоты для магазинов приложений. Загрузите изображение, выберите пресет от лёгкого скругления до формы таблетки или потяните ползунок радиуса; радиус работает как процент от короткой стороны, а пары углов уменьшаются вместе вместо наложения друг на друга — точно так же, как браузеры разрешают border-radius. Круговой режим сначала обрезает по центрированному квадрату, а затем по идеальному кругу — создание аватара за один шаг. Результат экспортируется как PNG с по-настоящему прозрачными углами.

Возможности

Ползунок радиуса от 0 до 50% короткой стороны
Пресеты: лёгкое, среднее, скруглённое и полный круг
Разрешение наложений в стиле CSS — без сплющенных углов
Круговой режим с автоматической центрированной квадратной обрезкой
Настоящая альфа-прозрачность в экспортированном PNG
Предпросмотр на клетчатом фоне

Как использовать Скругление углов изображения

Загрузите изображение или нажмите, чтобы выбрать
Выберите пресет или потяните ползунок радиуса
Переключитесь в круговой режим для аватаров
Скачайте прозрачный PNG

Пример

Ввод

1200×800 screenshot · radius 10%

Результат

PNG with 80 px rounded corners and transparent outside

10% от короткой стороны в 800 px — та же математика, что и у border-radius в CSS.

Частые ошибки и устранение неполадок

В другом приложении углы отображаются белыми. — Прозрачность настоящая — некоторые приложения сплющивают PNG на белый фон при вставке. Вставляйте сам файл, а не данные изображения.
Круговая обрезка обрезала часть объекта съёмки. — Круговой режим обрезает по центрированному квадрату. Заранее обрежьте изображение так, чтобы объект был по центру — лицо на портрете редко находится точно в центре кадра.
При 50% форма получается таблеткой, а не кругом. — На неквадратном изображении 50% короткой стороны скругляют оба конца в полукруги — получается таблетка. Для круга используйте круговой режим, который сначала приводит область обрезки к квадрату.

Часто задаваемые вопросы

Как скруглить углы без программы для дизайна?: Загрузите изображение сюда, потяните ползунок, скачайте PNG. Скругление вырезается прямо в файле вместе с прозрачными углами, поэтому работает в любом месте назначения — без поддержки стилей.
Как процентный радиус связан с border-radius?: Намеренно одинаково: процент применяется к короткой стороне, и когда два радиуса на одном крае накладываются, оба уменьшаются пропорционально — то же правило, что используют браузеры.
Можно ли сделать круглое фото профиля из прямоугольного снимка?: Да — круговой режим обрезает наибольший центрированный квадрат и превращает его в круг за один шаг. Результат — прозрачный PNG.
Снижает ли скругление углов качество изображения?: Нет. Пиксели внутри формы копируются без изменений; прозрачными становятся только углы. Ничего не пересжимается заново, поскольку результат — PNG без потерь.

Связанные инструменты

Обрезка изображений — Свободная область или фиксированное соотношение, полное разрешение.
Генератор иконок приложений — Превратите одно изображение в иконку любого размера для iOS, macOS и Android — в ZIP, в вашем браузере.
Конвертер форматов изображений — Конвертируйте изображения между PNG, JPEG и WebP полностью в вашем браузере.
Поворот и Отражение Изображения — Поворачивайте и отражайте изображения в браузере
Водяной знак на фото — Текст или логотип: привязка или плитка, прозрачность и поворот.
SVG в PNG — Превратите SVG в чёткий PNG или JPG любого масштаба в браузере.