Обрізання зображень

Що таке Обрізання зображень?

Обрізання зображень — це безкоштовний браузерний інструмент для обрізання картинки до точної прямокутної області. Він зручний для створення квадратних аватарів, вирізання вертикальних кадрів 9:16 для історій, виправлення співвідношення сторін банера, видалення рамок або експорту мініатюри заданого розміру в пікселях — без відкриття повноцінного графічного редактора. Ви задаєте обрізання, перетягуючи рамку з маркерами прямо на зображенні або вводячи зміщення X та Y разом із шириною й висотою; перетягувана рамка та числові поля — це одна й та сама область обрізання, тож вони завжди збігаються. Передустановки співвідношення та власне співвідношення обмежують і поля, і маркери, напрямні правила третин допомагають із композицією, а поворот і віддзеркалення перед обрізанням дають змогу спершу вирівняти або віддзеркалити зображення. Результат оновлюється автоматично, його можна масштабувати до ширини виводу й зберегти як PNG або JPEG.

Як користуватися Обрізання зображень

1. Перетягніть або виберіть зображення (PNG, JPG, WebP, GIF чи будь-який формат, який може прочитати ваш браузер). Рамка обрізання спершу охоплює все зображення, а поля X, Y, ширина та висота показують її розмір.
2. Перетягніть прямокутник на попередньому перегляді, щоб задати обрізання, потягніть за кутовий маркер, щоб змінити розмір, або перетягніть усередині рамки, щоб її перемістити — числові поля оновлюються під час перетягування, а введення значень також переміщує рамку.
3. За бажання зафіксуйте співвідношення (1:1, 4:3, 3:2, 16:9, 2:3, 9:16) або виберіть «Власне» та введіть свої Ш і В; співвідношення обмежує і поля, і маркери перетягування.
4. Відкрийте «Налаштування», щоб перед обрізанням повернути зображення ліворуч або праворуч із кроком 90° чи віддзеркалити його по горизонталі або вертикалі, і увімкніть напрямні правила третин для композиції.
5. За бажання задайте ширину виводу для масштабування результату (залиште порожнім, щоб зберегти обрізаний розмір), а для JPEG відрегулюйте повзунок якості.
6. Виберіть PNG або JPEG, стежте за тим, як попередній перегляд обрізання оновлюється поряд з оригіналом, потім натисніть «Завантажити», щоб зберегти результат.

Приклади

Поширені запитання

Як виділити область обрізання?

Перетягніть прямокутник на зображенні, щоб намалювати нову рамку, потягніть за кутовий маркер, щоб змінити розмір, або перетягніть усередині рамки, щоб її перемістити. Можна також ввести зміщення X та Y, ширину й висоту — перетягувана рамка та числові поля — це одна й та сама область обрізання, тож зміна одного оновлює інше.

Які співвідношення можна зафіксувати?

Можна зафіксувати 1:1, 4:3, 3:2, 16:9, 2:3 чи 9:16 або вибрати «Власне» та ввести власне відношення ширини до висоти. Зафіксоване співвідношення обмежує і поля ширини та висоти, і зміну розміру кутовими маркерами, тож рамка завжди зберігає цю форму; виберіть «Вільно», щоб задавати кожну сторону незалежно.

Чи можна повернути або віддзеркалити перед обрізанням?

Так. У «Налаштуваннях» можна повернути зображення ліворуч або праворуч із кроком 90° та віддзеркалити його по горизонталі чи вертикалі. Перетворення застосовується до обрізання, і як попередній перегляд, на якому ви перетягуєте, так і експортований результат відображають його узгоджено.

Чи можна масштабувати вивід або змінити якість JPEG?

Задайте ширину виводу, щоб масштабувати обрізане зображення; висота слідує автоматично, щоб зберегти пропорції обрізання, а порожнє поле зберігає обрізаний розмір у пікселях. Під час експорту в JPEG повзунок якості керує рівнем стиснення.

Які вихідні формати підтримуються?

Можна експортувати у PNG або JPEG. PNG зберігає прозорість; JPEG — ні, тож прозорі області заповнюються білим тлом, а розмір файлу керується повзунком якості.

Чи завантажується моє зображення на сервер?

Ні. Обрізання, поворот і віддзеркалення виконуються на 100% на боці клієнта у вашому браузері за допомогою Canvas API. Ваше зображення ніколи не завантажується, не надсилається на наші сервери й не передається, тож навіть приватні та конфіденційні знімки залишаються на вашому пристрої.