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

Скруглите углы любого изображения

Скруглённые углы делают миниатюры, аватары, скриншоты приложений и карточки мягче и современнее. Этот инструмент для скругления углов обрезает изображение по скруглённому прямоугольнику и делает область за пределами кривой полностью прозрачной, поэтому результат чисто ложится на любой фон. Перетащите один ползунок, чтобы управлять скруглением — от едва заметного смягчения в 4 px до полного круга — и смотрите изменения вживую в предпросмотре перед экспортом.

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

Выбор радиуса

Радиус измеряется в пикселях исходного изображения. Сдержанная карточка интерфейса может использовать от 12 до 24 пикселей, а дружелюбная иконка приложения — 80 и более. Чтобы превратить квадратное фото в круг, задайте радиус, равный половине ширины изображения. Ползунок ограничен так, что никогда не превышает половины самой короткой стороны, поэтому углы не перекрываются, а форма остаётся аккуратной при любых настройках.

Где скруглённые изображения смотрятся лучше всего

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

Примечания по экспорту

Результат сохраняет полную ширину и высоту исходника и сохраняется как PNG с именем исходного файла. Большой радиус может сделать файл похожим на круг или таблетку, но canvas остаётся прямоугольным, а прозрачные пиксели заполняют углы. Некоторые формы загрузки и чат-приложения преобразуют PNG в JPG, что заменит прозрачность сплошным цветом, поэтому сначала проверьте, как ваш адресат обрабатывает прозрачные изображения.

Краткий чек-лист

• Увеличивайте ползунок, пока углы не будут выглядеть правильно в предпросмотре вживую.
• Используйте половину короткой стороны, чтобы получить круг или таблетку.
• Скачайте PNG и поместите его на цветной фон, чтобы убедиться, что углы прозрачны.