Редактор изображений со скругленными углами

Добавьте скругленные углы или обрезку в виде полного круга к любому изображению. Используйте ползунок радиуса, чтобы настроить изгиб. На выходе получается PNG с прозрачными углами — они действительно скруглены, а не имитированы белой заливкой. Полезно для аватарок, скриншотов приложений, дизайн-макетов и везде, где нужны более мягкие края изображения.

Почему скругленные углы важны в дизайне

Скругленные углы повсюду в современном UI — иконки приложений (iOS использует радиус 20%), аватарки (большинство платформ отображают их круглыми), карточные макеты, превью изображений в мессенджерах. Фото с прямыми углами, вставленное в интерфейс со скруглениями, выглядит чужеродно. Предварительное скругление изображения на исходном этапе позволяет ему идеально вписаться без необходимости в CSS-трюках на конечном этапе.

На выходе получается прозрачный PNG, где углы действительно прозрачны (альфа-канал = 0). Вставьте на любой фон — светлый, темный, градиент — и углы будут выглядеть правильно.

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

1. Загрузите изображение. JPG, PNG, WebP, HEIC. До 50 МП бесплатно.
2. Перетащите ползунок радиуса. 0 = прямые углы (без изменений), 50% = форма таблетки, 100% = полный круг. Предварительный просмотр в реальном времени показывает результат.
3. Выберите пресет, если хотите заданный вид:
   • Иконка iOS — радиус 22,5% (стандарт iOS 7+)
   • Material Design — радиус 12%
   • Мягкая карточка — радиус 8% (типичный UI карточек)
   • Таблетка — радиус 50%
   • Круг — радиус 100% (сначала автоматически обрезается до квадрата)
4. Скачайте PNG. Прозрачные углы, выходной PNG-24 с альфа-каналом.

Скругленные углы vs обрезка кругом vs удаление фона

Скругленные углы (этот инструмент): всё изображение сохраняется; скругляются только углы. Используйте для карточек, скриншотов приложений, превью дизайна.

Обрезка кругом (этот инструмент, радиус 100%): изображение становится кругом. Используйте для аватарок.

Удаление фона: вырезает объект, полностью удаляя фон. Другая операция — создает свободную прозрачную форму, а не геометрическую.

Советы по выбору правильного радиуса

Соответствуйте UI вашего конечного продукта. Если вы вставляете изображение в карточку Material Design, используйте радиус 12%. Если в приложение iOS — 22,5%. Если в универсальный вид «мягкой карточки» — 8% выглядит нейтрально.

Большие изображения требуют большего радиуса. У изображения 1000×1000 с углами 8 пикселей скругление почти незаметно. С 8% (= 80 пикселей) углы выглядят намеренно. Используйте ползунок в процентах, а не в абсолютных пикселях.

Для круглого вывода (аватарки) исходное изображение сначала автоматически обрезается до квадрата. Область обрезки по умолчанию центрирована; перетащите, чтобы изменить положение, если хотите, чтобы в видимом круге оказалась определенная область.