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

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

Як працює Обрізання зображення

Кадрування зображення дозволяє визначити прямокутну область на фотографії за допомогою інтерактивного накладення з перетягуванням і зміною розміру, після чого експортується лише ця область як новий файл. Попередній перегляд кадрування оновлюється в реальному часі під час переміщення або зміни розміру маркерів виділення. Усі операції Canvas виконуються локально; оригінальний файл зчитується з диска і ніколи не передається на жоден сервер.

Можна обмежити кадрування фіксованими пропорціями (наприклад, 16:9 для відеомініатюр або 1:1 для аватарів) або залишити довільний режим. Пікселеві координати виділення відображаються, щоб ви могли ввести точні значення, якщо потрібне більш точне кадрування, а не візуальна оцінка. Вихід завантажується безпосередньо на пристрій у тому самому форматі, що й вхід, із збереженням якості там, де це можливо.

Автор: Bastien Sulyan

Обрізання зображення: покрокова інструкція

Перетягніть зображення на область завантаження або натисніть, щоб вибрати.
Потягніть маркери кутів і країв, щоб встановити область кадрування, або введіть точні пікселеві координати у відповідних полях.
За бажанням виберіть фіксовані пропорції для обмеження розмірів кадрування.
Натисніть «Кадрувати», щоб застосувати виділення та згенерувати обрізане зображення.
Натисніть «Завантажити», щоб зберегти результат на пристрій.

Поширені сценарії використання

Блогер вирізає центральний об'єкт із широкого пейзажного фото, щоб отримати більш щільне зображення заголовка для публікації.
Розробник вилучає конкретний елемент UI із знімка повної сторінки для включення в документацію.
Фотограф товарів видаляє відволікаючі фонові ділянки із зображень продукції перед завантаженням на маркетплейс.
HR-спеціаліст кадрує портрет співробітника до стандартного квадратного формату для внутрішнього каталогу, не надсилаючи особисті фото хмарному сервісу.

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

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

Обмеження визначається пам'яттю браузера. Операції Canvas із дуже великими файлами (понад 30-40 мегапікселів) можуть бути повільними або можуть не вдатися на пристроях з обмеженим обсягом RAM. Для звичайних фотографій камери до приблизно 24 мегапікселів інструмент справляється з операцією без проблем.

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

Так. Інструмент відображає позицію x, y та ширину й висоту поточного виділення як числові поля. Ви можете вводити значення безпосередньо в ці поля, щоб встановити точну область кадрування, що корисно, коли ви знаєте точні межі пікселів із специфікації дизайну.

Чи зберігає інструмент будь-який запис про відкриті зображення?

Ні. Дані зображення існують лише в пам'яті вкладки браузера, поки сторінка відкрита. Вони не зберігаються в localStorage, не надсилаються на сервер і не зберігаються після закриття або оновлення вкладки.

У якому форматі експортується обрізане зображення?

Вихід відповідає вхідному формату, де це підтримується. Вхідний JPEG дає JPEG-кадр; вхідний PNG дає PNG-кадр із збереженням прозорості, якщо вона була в оригіналі.

Чи можна скасувати кадрування і почати заново?

Так. Операція кадрування генерує новий файл із оригіналу, завантаженого в пам'ять. Натискання «Скинути» відновлює повне оригінальне зображення, щоб ви могли визначити іншу область кадрування.

Чи можна кадрувати фото на телефоні?

Так. Перетягування маркерів кадрування працює з дотиковим введенням у мобільному Chrome чи Safari так само, як мишею, хоча точне позиціювання кутових маркерів легше виконати на більшому екрані. Введення точних пікселевих координат у полях дозволяє обійти це на малому екрані.

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

Тримайте все локально, досліджуйте додаткові інструменти.

Усі інструменти для зображень