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

Обріжте зображення до точного прямокутника прямо в браузері, ввівши X, Y, ширину та висоту, зафіксуйте співвідношення 1:1, 4:3 або 16:9 й експортуйте в PNG або JPEG — без завантаження.

Завантаження інструмента…

Обрізання зображеньОбріжте зображення до точного прямокутника, ввівши зміщення X та Y, ширину й висоту, або зафіксуйте співвідношення сторін 1:1, 4:3 чи 16:9. Усе виконується за допомогою Canvas API повністю у вашому браузері — ваше зображення ніколи не завантажується. Експортуйте обрізаний результат у PNG або JPEG і порівняйте його з оригіналом пліч-о-пліч.

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

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

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

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

Приклади

Квадратне обрізання для аватара профілю

Перетягніть портретне фото, встановіть співвідношення сторін 1:1, потім введіть ширину, щоб рамка обрізання була квадратною. Налаштуйте X та Y, щоб вирівняти обличчя по центру, залиште PNG для збереження прозорості й завантажте аватар.

Вирізати банер 16:9 із широкого скриншота

Завантажте широкий скриншот, виберіть передустановку 16:9 та введіть ширину — висота підлаштується автоматично. Зсуньте X та Y, щоб кадрувати потрібну область, і експортуйте в JPEG для меншого розміру файлу.

Вирізати область за точними пікселями

Залишивши співвідношення сторін на «Вільно», введіть X=120, Y=80, Ширина=400 і Висота=300, щоб витягти точну область 400×300. Розмір обрізання показано в статистиці, а попередній перегляд оновлюється під час редагування чисел.

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

Як задати область обрізання?
Введіть зміщення X та Y верхнього лівого кута, а також ширину й висоту в пікселях. Значення обмежені межами зображення, тож обрізання ніколи не виходить за краї.
Що роблять передустановки співвідношення сторін?
Вибір 1:1, 4:3 або 16:9 привʼязує висоту до ширини за цим співвідношенням, тож поле висоти оновлюється автоматично під час зміни ширини. Виберіть «Вільно», щоб задавати ширину та висоту незалежно.
Які вихідні формати підтримуються?
Ви можете експортувати обрізане зображення у PNG або JPEG. PNG зберігає прозорість; JPEG — ні, тож прозорі області заповнюються білим тлом.
Чи завантажується моє зображення на сервер?
Ні. Обрізання виконується на 100% на боці клієнта у вашому браузері за допомогою Canvas API. Ваше зображення ніколи не завантажується, не надсилається на наші сервери й не передається, тож навіть приватні та конфіденційні знімки залишаються на вашому пристрої.
Чому розмір обрізання іноді менший за введений?
Область обрізання обмежується так, щоб залишатися всередині зображення. Якщо введені ширина чи висота від обраних X/Y виходять за правий або нижній край, вони зменшуються до потрібного розміру, а статистика показує фактичний розмір обрізання.

Схожі інструменти