Робота з форматами та сумісність файлів
Інструмент підтримує роботу з поширеними форматами растрових зображень. Для обробки можна завантажити один файл у форматі JPEG, PNG, WebP або HEIC. На етапі вибору файлу користувач бачить напис «Виберіть або перетягніть зображення» та підказку «Одне зображення JPEG, PNG, WebP або HEIC.».
Кожен формат має свої особливості, які впливають на фінальний результат кадрування:
- JPEG: Популярний формат із стисненням із втратами, що ідеально підходить для фотографій. При збереженні у цьому форматі користувачеві доступне налаштування якості.
- PNG: Формат стиснення без втрат, який підтримує прозорість. Збереження у PNG гарантує точне збереження оригінальних пікселів без появи артефактів стиснення.
- WebP: Сучасний формат, який підтримує як стиснення без втрат, так і з втратами, а також роботу з прозорістю. Як і для JPEG, при виборі WebP можна регулювати рівень якості.
- HEIC: Формат, що використовується на пристроях Apple. При завантаженні такого файлу інструмент декодує його безпосередньо у браузері, дозволяючи зберегти результат у форматах JPEG, PNG або WebP.
За замовчуванням програма намагається зберегти оригінальний формат вхідного файлу. Винятком є формат HEIC, який автоматично конвертується та зберігається як JPEG.
Режими кадрування та пропорції сторін
Інструмент пропонує три режими виділення області обрізання, які відповідають різним завданням підготовки графіки:
- Довільно («Довільно»): Дозволяє вільно змінювати ширину та висоту рамки виділення без будь-яких обмежень щодо співвідношення сторін.
- Пропорція («Пропорція»): Блокує співвідношення сторін рамки. При переміщенні та зміні розміру виділена область зберігає задані пропорції. У цьому режимі з'являється панель із фіксованими значеннями: «Оригінал», «Квадрат», «1:1», «4:3», «3:4», «3:2», «2:3», «16:9» та «9:16». Це спрощує підготовку зображень для конкретних цілей, наприклад, 1:1 для аватарів або 16:9 для обкладинок і банерів.
- Коло («Коло»): Створює кругле виділення. Цей режим незамінний для створення круглих аватарів. При виборі цього режиму вихідний формат автоматично перемикається на PNG, а вибір JPEG блокується. Це необхідно для того, щоб кути навколо круглої області залишалися прозорими. Круглі зображення також можна зберегти у форматі WebP, який підтримує альфа-канал.
Керування виділенням та трансформація
Процес кадрування забезпечує повний контроль над геометрією зображення. Користувач може змінювати розмір рамки виділення, перетягуючи її кутові маркери, або переміщувати всю область, утримуючи її курсором. Для точного позиціонування рамки на піксельному рівні можна використовувати клавіші керування курсором (стрілки) на клавіатурі.
Окрім безпосереднього обрізання, інструмент дозволяє змінювати орієнтацію зображення за допомогою панелі «Поворот та віддзеркалення»:
- Поворот ліворуч та праворуч на 90°.
- Горизонтальне та вертикальне віддзеркалення.
Під час налаштування рамки інструмент динамічно відображає розмір поточної області у форматі «Виділено: {w} × {h} px». Обрізана область повністю зберігає свої оригінальні пікселі без примусового масштабування.
Локальна обробка та конфіденційність
Усі операції з файлами виконуються локально. Ваше зображення обрізається безпосередньо у вашому браузері. Нічого не завантажується на BroBroGo.
Оскільки обробка відбувається на стороні клієнта, користувачеві не потрібно витрачати інтернет-трафік на завантаження великих вихідних файлів на сервер та скачування готових результатів. Це гарантує високу швидкість роботи та конфіденційність ваших даних.
Обробка помилок та стани інтерфейсу
Інструмент чітко сигналізує про кожен етап роботи та можливі проблеми з файлами:
| Стан / Подія | Повідомлення в інтерфейсі |
|---|---|
| Очікування завантаження файлу | «Виберіть або перетягніть зображення» / «Одне зображення JPEG, PNG, WebP або HEIC.» |
| Процес відкриття файлу | «Відкриття зображення…» |
| Спроба обрізання без завантаженого файлу | «Спочатку виберіть зображення JPEG, PNG або WebP.» |
| Завантаження непідтримуваного типу файлу | «Підтримуються лише зображення JPEG, PNG та WebP.» |
| Помилка читання структури файлу | «Не вдалося відкрити цей файл як зображення. Можливо, він пошкоджений, порожній або не є зображенням.» |
| Процес кадрування | «Обрізання…» |
| Успішне завершення операції | «Обрізано. Завантажте ваше зображення нижче.» |
| Збій під час збереження | «Не вдалося обрізати. Спробуйте інше зображення або вихідний формат.» |
Після успішного обрізання користувач отримує доступ до завантаження файлу, під яким відображаються метадані готового зображення у форматі «{w} × {h} · {type} · {size}».
Часті запитання
Які формати зображень можна обрізати?
Підтримуються формати JPEG, PNG, WebP та iPhone HEIC. За замовчуванням обрізане зображення зберігає оригінальний формат (HEIC зберігається як JPEG), або ви можете вибрати JPEG, PNG чи WebP.
Чи можу я обрізати фото HEIC з iPhone?
Так. Додайте фото у форматі HEIC або HEIF, воно відкриється прямо у вашому браузері, після чого його можна обрізати та зберегти як JPEG, PNG або WebP.
Як працює обрізання по колу?
Інструмент вирізає коло з центру вашої виділеної області та зберігає його у форматі PNG (або WebP), завдяки чому кути навколо кола стають прозорими й готовими для накладання на будь-який фон.
Чи можу я обрізати зображення за фіксованим співвідношенням сторін?
Так. Виберіть пропорцію, наприклад 1:1, 4:3 або 16:9, і рамка виділення буде заблокована в цих межах під час переміщення та зміни розміру — це зручно для аватарів, мініатюр та обкладинок.
Чи погіршить якість обрізання зображення?
Обрізана область зберігає свої оригінальні пікселі. При збереженні у форматі JPEG або WebP застосовується якість, яку ви контролюєте; формат PNG залишається без втрат.