Загрузите изображение, двигайте слайдер для настройки радиуса скругления в реальном времени, включите рамку с нужным цветом и толщиной, включите тень с нужной силой и расстоянием, настройте цвет фона холста — подходит для скриншотов приложений, доработки фото товаров и оформления обложек для соцсетей. Всё происходит в браузере на устройстве, без загрузки на сервер.
Рендер эффектов и экспорт происходят полностью в браузере, изображение не проходит через какой-либо сервер
Три эффекта можно применять по отдельности или комбинировать — покрывает большинство потребностей в доработке для презентации
Изображение обновляется мгновенно при движении слайдера, скачивайте только когда результат понравится, без лишних попыток
Не нужна регистрация или оплата, скрытых лимитов по количеству использований нет
Типичные сценарии
Презентация скриншота приложения или доработка фото товара — правильно настроенные скругление, рамка и тень повышают общее качество восприятия.
Добавьте скругление и мягкую тень к скриншотам интерфейса на странице презентации продукта или в портфолио, имитируя показ на настоящем устройстве — скриншот выглядит более аккуратным и профессиональным.
Добавьте тонкую рамку и лёгкую тень к главному фото товара, чтобы оно выглядело объёмнее на белом фоне — это повышает клики и конверсию.
Добавьте скругление к обложке паблика или аватару, подберите гармоничный цвет фона — так профиль в соцсети выглядит более аккуратно и красиво.
Рекомендации
Для разных задач подходят разные сочетания параметров — сначала посмотрите эту справочную таблицу, а затем донастройте вручную, это быстрее, чем подбирать всё с нуля.
| Сочетание эффектов | Рекомендуемый диапазон параметров | Подходит для |
|---|---|---|
| Небольшое скругление + мягкая тень | скругление 8–15%, прозрачность тени 25–40%, большое размытие, небольшое расстояние | презентация скриншотов приложений и сайтов, имитация парящей карточки |
| Крупное скругление без тени | скругление от 25% и выше, тень отключена | аватары, иконки — для округлого и мягкого визуального стиля |
| Тонкая рамка без тени или с лёгкой тенью | узкая рамка, цвет близкий к фону или белый | фото товаров на белом фоне — для придания чёткой границы |
| Прямой угол + выраженная тень | скругление 0%, прозрачность тени от 40%, большое расстояние | рекламные изображения и элементы постеров с акцентом на объёмность |
Это лишь распространённые сочетания — итоговый эффект зависит от композиции и цвета фона конкретного изображения; рекомендуем двигать слайдеры в предпросмотре и сравнивать варианты, чтобы найти подходящий именно для вашего изображения набор параметров.
Как использовать
Не нужно устанавливать никаких программ — всё происходит прямо в браузере, изображение обновляется в реальном времени.
Нажмите, чтобы выбрать файл, или перетащите изображение на страницу — поддерживаются JPG, PNG, WebP, GIF, до 20 МБ, обработка одного изображения за раз.
Двигайте слайдер скругления, чтобы в реальном времени настроить радиус всех четырёх углов.
По необходимости включите рамку и тень, задайте их цвет, толщину, прозрачность и размер, настройте цвет фона холста.
Убедившись, что результат нравится, нажмите «Скачать» — изображение будет пересобрано с текущими настройками и сохранено на устройство.
Техническое пояснение
При движении слайдера предпросмотр рендерится с помощью встроенных стилей CSS для скругления, рамки и тени; при нажатии «Скачать» изображение перерисовывается и перекодируется через Canvas браузера с точно теми же пропорциональными параметрами — это гарантирует, что итоговый файл соответствует предпросмотру. Всё происходит на вашем устройстве, без обращения к какому-либо серверу.
При включении тени или широкой рамки эффекту требуется дополнительное пространство по краям изображения, чтобы не быть обрезанным; при экспорте холст автоматически рассчитывает необходимые отступы на основе текущего размытия тени, расстояния и толщины рамки, а дополнительная область заполняется выбранным цветом фона или остаётся прозрачной. Если тень и рамка не нужны (обе отключены или значения равны 0), размер экспортированного изображения совпадёт с оригиналом.
Частые вопросы
Нет. Этот инструмент предназначен для точной доработки одного изображения — подходящий радиус скругления и силу тени обычно нужно проверять отдельно для конкретной пропорции и назначения изображения, например квадратному скриншоту и вытянутому постеру нужен явно разный радиус скругления, применение одинаковых параметров ко всем легко даёт неудачный результат. Поэтому инструмент создан для точной настройки одного изображения. Для нескольких изображений открывайте и настраивайте их по очереди.
Полностью происходит в браузере на вашем текущем устройстве — предпросмотр в реальном времени рендерится встроенными стилями CSS для рамки, скругления и тени, а при скачивании изображение перерисовывается с теми же параметрами через Canvas и сохраняется как файл; оригинал никогда не загружается на какой-либо сервер.
Тень требует определённого пространства вокруг для видимого эффекта — если холст останется того же размера, что и оригинал, тень будет просто отрезана и не видна. Поэтому при экспорте холст автоматически расширяется во все стороны в соответствии с заданным размытием тени, расстоянием и толщиной рамки, а дополнительная область заполняется выбранным цветом фона (или остаётся прозрачной), чтобы тень отображалась полностью, без обрезки.
Формат JPG сам по себе не поддерживает прозрачный канал — если выбран прозрачный фон, но оригинал имеет формат JPG, прозрачная область автоматически заменится белым фоном; это ограничение самого формата JPG, а не ошибка обработки. Если нужен по-настоящему прозрачный фон, загрузите изображение в формате PNG или WebP — тогда результат сохранит прозрачность.
Все значения рассчитываются в процентах от ширины и высоты самого изображения, а не в фиксированных пикселях — так независимо от того, большое или маленькое разрешение загруженного изображения, одно и то же значение слайдера даёт визуально пропорционально одинаковый эффект, а результат в предпросмотре полностью соответствует итоговому экспортированному изображению.
Обработка по сути — это перерисовка и перекодирование: если у оригинала прозрачный фон, области за пределами скругления сохранят прозрачность (если не выбрана заливка непрозрачным цветом фона). Параметры съёмки EXIF, геометки и другие метаданные оригинала не сохраняются после перекодирования — если нужно отдельно просмотреть или удалить EXIF, используйте инструмент «Просмотр/удаление EXIF».
Без регистрации, без ожидания — обработали и сразу скачали.