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

Добавьте рамку выбранного цвета, замаскируйте внешние углы до выбранного радиуса и экспортируйте PNG с прозрачными внешними углами.

Когда этот инструмент полезен

Аватары, карточки, миниатюры и элементы интерфейса, которым нужна согласованная геометрия углов.

Как работает локальная обработка

Браузер увеличивает холст на выбранную ширину рамки, заполняет рамку выбранным цветом, применяет внешнюю маску в виде закругленного прямоугольника и сохраняет PNG.

Как его использовать

  1. Подготовьте источник: Аватары, карточки, миниатюры и элементы интерфейса, которым нужна согласованная геометрия углов.
  2. Обработайте локально: Браузер увеличивает холст на выбранную ширину рамки, заполняет рамку выбранным цветом, применяет внешнюю маску в виде закругленного прямоугольника и сохраняет PNG.
  3. Скачайте и проверьте: Просмотрите углы на контрастном фоне, проверьте все четыре края при 200%, подтвердите размеры и протестируйте масштаб целевого интерфейса.

Важные ограничения

Маршрут экспортирует только PNG; большие внешние радиусы удаляют пиксели углов, маска использует жесткие пиксельные края вместо векторного сглаживания, и метаданные удаляются.

Проверьте загруженный результат

Просмотрите углы на контрастном фоне, проверьте все четыре края при 200%, подтвердите размеры и протестируйте масштаб целевого интерфейса.

Приватность по замыслу

Ваши файлы остаются в этом браузере. Инструмент не загружает исходные данные или результаты на наши серверы.

Вопросы и ответы

Когда этот инструмент полезен?

Аватары, карточки, миниатюры и элементы интерфейса, которым нужна согласованная геометрия углов.

Что на самом деле делает браузер?

Браузер увеличивает холст на выбранную ширину рамки, заполняет рамку выбранным цветом, применяет внешнюю маску в виде закругленного прямоугольника и сохраняет PNG.

Какие ограничения мне нужно понимать?

Маршрут экспортирует только PNG; большие внешние радиусы удаляют пиксели углов, маска использует жесткие пиксельные края вместо векторного сглаживания, и метаданные удаляются.

Как мне проверить результат?

Просмотрите углы на контрастном фоне, проверьте все четыре края при 200%, подтвердите размеры и протестируйте масштаб целевого интерфейса.

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