Обрежьте любое изображение со скруглёнными углами или в идеальный круг и экспортируйте 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, в вашем браузере.