Додати рамку або відступи до зображення

Як додати рамку до зображення

1. Перетягніть одне або кілька зображень у зону завантаження або натисніть на неї, щоб вибрати їх. Кожен файл отримує свій рядок у списку.
2. У полі Розміри в виберіть пікселях для точної ширини або % від коротшої сторони, щоб зображення різного розміру отримали рамку однакових пропорцій.
3. Задайте Товщина рамки та Колір рамки: це зовнішня рамка.
4. Задайте Відступ і Колір відступу: це паспарту між рамкою та зображенням, як у вставленого в рамку відбитка. Для відсутності відступу використовуйте 0.
5. Заокругліть рамку за допомогою Радіус кутів і позначте Тінь, щоб відокремити зображення від сторінки; Розмір тіні визначає її м’якість і ширину.
6. У розділі Поза рамкою залиште Прозоре для заокруглених кутів і тіней, що зливаються з будь-яким тлом, або зніміть позначку й виберіть Колір поза рамкою.
7. Виберіть Формат результату та Якість, перегляньте Попередній перегляд першого зображення і натисніть Додати рамку. Завантажуйте кожне зображення окремою кнопкою або скористайтеся Завантажити все.

Як шари поєднуються

Зсередини назовні результат складається із зображення, відступу, рамки та, якщо ви ввімкнули, поля, у якому розміщується тінь. Фото 1200 × 800 із рамкою 20 px і відступом 40 px стає 1320 × 920 px: з кожного боку додається 60 px. Саме зображення ніколи не масштабується й не обрізається, тож зберігає повну роздільну здатність.

Радіус кутів застосовується до зовнішнього краю рамки. Внутрішні краї заокруглюються тією самою кривою, мінус ширина рамки й відступу, тож лінії лишаються паралельними, як у справжньої заокругленої рамки. Без рамки й відступу радіус заокруглює саме фото.

Тінь потребує місця навколо рамки, тому інструмент додає поле приблизно в півтора раза більше за розмиття тіні. Це поле прозоре або заповнюється Колір поза рамкою, коли Прозоре не позначено.

Прозорість і формати файлів

Заокруглені кути й тіні потребують прозорих пікселів, щоб виглядати правильно на будь-якому тлі. PNG і WebP їх зберігають. JPG не має прозорості: коли ви зберігаєте як JPG, усе поза рамкою заливається кольором Колір поза рамкою, тож виберіть колір сторінки, де зображення буде показано. Як в оригіналі зберігає вхідний формат, якщо браузер може його записати, а інші формати (GIF, BMP…) зберігає як PNG.

Ідеї

• Білий відступ 5 % із тонкою сірою рамкою надає будь-якому фото охайного «галерейного» вигляду.
• Заокруглені кути з м’якою тінню роблять скриншоти акуратними в слайдах і документації.
• Використовуйте одиниці у відсотках, щоб однаково оформити цілу партію фото різного розміру.

Уся обробка відбувається у вашому браузері: зображення ніколи не завантажуються на сервер, а нові файли не містять метаданих EXIF.