Генератор рамки для изображения
Добавьте декоративную рамку вокруг фотографии — сплошную, пунктирную, точечную или двойную, со скруглёнными углами и необязательной тенью — полностью в вашем браузере.
Ввод
Обработано полностью в вашем браузере — изображение никогда не загружается на сервер.
Насколько толстой будет рамка вокруг фотографии.
Скругляет углы фотографии и рамки.
Выделяет фотографию в рамке на фоне с помощью мягкой тени.
Вывод
Your edited image will appear here.
Другие способы использовать этот инструмент
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/imagekit/image-border/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Генератор рамки для изображения — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
Также доступно через
Руководства
Добавьте декоративную рамку вокруг любой фотографии — выберите стиль, цвет и толщину, затем скачайте результат с рамкой. Всё отображается мгновенно в вашем браузере; ничего не загружается на сервер.
Как это работает
Загрузите изображение, затем настройте рамку по своему вкусу:
- Толщина рамки — насколько толстой будет рамка вокруг фотографии.
- Цвет рамки — цвет рамки, любое значение hex или выбор в палитре.
- Стиль рамки — Сплошная (ровная заливка), Пунктирная, Точечная или Двойная, те же стили, что и
border-styleв CSS. - Радиус углов — скругляет углы и фотографии, и внешней рамки. При значении 0 углы остаются острыми.
- Добавить тень — отделяет фотографию в рамке от страницы с помощью мягкой тени, полезно, если разместить её на цветном или узорчатом фоне.
Результат отображается мгновенно по мере настройки элементов управления. Скачайте его как файл SVG или скопируйте исходный код разметки напрямую.
Советы
- Пунктирная и Точечная рамки лучше всего смотрятся при средней или большой толщине (от 30px) — при очень малой толщине рисунок штриха слишком мелкий, чтобы его хорошо было видно.
- Двойная рамка делит толщину рамки на две более тонкие линии с просветом между ними, поэтому двойная рамка должна быть толще сплошной, чтобы выглядеть внушительно — попробуйте 60px или больше.
- Скачанный SVG остаётся чётким при любом размере, так как это векторная оболочка вашего исходного изображения — изменение размера не снижает качество, как это происходит при растровом экспорте.
- Сочетайте скругление углов с тенью для карточного вида, например для макета веб-сайта или поста в социальной сети.