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

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

Обрізання зображень видаляє небажані зовнішні частини зображення, фокусуючись на суб'єкті та покращуючи композицію. На відміну від зміни розміру (яка масштабує все зображення), обрізання зрізає краї для створення нового кадру. Це корисно для видалення відволікаючого фону, вписування зображень у конкретні співвідношення сторін та покращення візуального фокусу.

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

Кадрування та зміна розміру: в чому різниця?

Кадрування та зміна розміру — це дві різні операції, які початківці часто плутають. Кадрування видаляє частину зображення — ви буквально відрізаєте пікселі з одного або кількох країв і зберігаєте лише область усередині виділеного прямокутника. Вміст, що залишається, незмінний; просто полотно стає меншим. Зміна розміру, навпаки, масштабує все зображення вгору або вниз, розтягуючи чи стискуючи кожен піксель пропорційно (або непропорційно, якщо змінити співвідношення сторін). Ці дві операції не є взаємозамінними: використовуйте кадрування, коли хочете змінити те, що знаходиться в кадрі; використовуйте зміну розміру, коли хочете змінити, наскільки велике зображення.

Практичний приклад: ви фотографуєте птаха на тлі неба. Кадрування дозволяє вирізати небо і показати лише птаха. Зміна розміру тієї самої повної фотографії просто зробить всю сцену — птаха, небо і все інше — більшою або меншою. Для фотографій профілю в соціальних мережах типовий робочий процес такий: спочатку кадруємо (щоб правильно розмістити об'єкт у кадрі), потім змінюємо розмір (щоб відповідати вимогам платформи до розмірів у пікселях).

Поширені випадки використання кадрування зображень

Кадрування зображень — одне з найбільш часто виконуваних завдань редагування фотографій, адже багато робочих процесів вимагають певного кадру або співвідношення сторін:

• Фотографії профілю та аватари — більшість платформ відображають фотографії профілю у вигляді кіл або квадратів. Спочатку кадруйте до співвідношення 1:1, щоб об'єкт знаходився по центру і ніщо важливе не обрізалося круглою маскою.
• Публікації в соціальних мережах — публікації у стрічці Instagram очікують співвідношення 1:1 або 4:5; Stories та Reels — 9:16; зображення для карток X/Twitter найкраще виглядають при 16:9. Кадрування до правильного співвідношення перед завантаженням запобігає автоматичному обрізанню платформою в невигідний спосіб.
• Мініатюри відео — мініатюри YouTube відображаються у співвідношенні 16:9. Погано скадрована мініатюра на мобільних пристроях обрізається по центру, що може відрізати текст або обличчя.
• Фото для паспорта та документів — офіційні вимоги визначають точні співвідношення сторін (зазвичай 35 мм × 45 мм, приблизно 7:9). Кадрування до правильного формату перед друком дозволяє уникнути відмови у фотоательє або посольстві.
• Усунення відволікаючих деталей по краях — стороння рука, смітник або засвітлене небо в куті можна прибрати за лічені секунди кадруванням, що суттєво покращує сприйняття якості знімку.
• Зображення товарів для інтернет-магазинів — онлайн-магазини зазвичай відображають фотографії товарів у квадратній сітці. Кадрування кожного товару до 1:1 з однаковими відступами створює професійний, рівномірний каталог.

Як користуватися цим інструментом

Завантажте зображення, потім перетягніть маркери обрізання для вибору області, яку хочете зберегти. Виберіть попередньо встановлене співвідношення сторін або використовуйте вільне обрізання. Інструмент показує розміри обрізаної області в пікселях. Натисніть «Обрізати» для генерації результату, потім завантажте його.

Поширені співвідношення сторін

• 1:1 (квадрат) — публікації Instagram, фото профілю, іконки програм.
• 4:3 — традиційний формат фото та TV, презентації, екран iPad.
• 16:9 — широкоформатний стандарт для відео YouTube, шпалер робочого столу, сучасних телевізорів.
• 3:2 — стандартний формат фото DSLR, друк 6x4 дюйми.
• 9:16 — вертикальний відеоформат для Instagram Stories, TikTok, YouTube Shorts.

Поради щодо композиції

Використовуйте правило третин: уявіть зображення, поділене на сітку 3x3, та розміщуйте суб'єкт вздовж ліній або в їхніх перетинах. Обрізання за правилом третин часто значно покращує зображення. Залишайте деякий простір у напрямку, куди суб'єкт дивиться або рухається. Центральне обрізання добре підходить для симетричних суб'єктів та офіційних портретів.

Конфіденційність: ваші зображення ніколи не покидають ваш пристрій

Цей інструмент кадрування працює повністю у вашому браузері за допомогою API HTML5 Canvas. Коли ви завантажуєте зображення, воно зчитується безпосередньо з вашої локальної файлової системи в пам'ять браузера — нічого не передається через мережу. Операція кадрування відбувається на вашому процесорі, а результуюче зображення генерується як локальний blob URL всередині вкладки браузера. Жодні дані ніколи не надсилаються на сервер, не зберігаються в базі даних і не записуються до журналів. Це важливо, коли ви працюєте з конфіденційними фотографіями: документами, медичними знімками, приватними сімейними фотографіями або конфіденційними діловими матеріалами.

Обробка на стороні клієнта також означає, що інструмент працює офлайн після завантаження сторінки, і немає обмежень на розмір файлу, що накладаються квотою на завантаження. Єдине обмеження — доступна пам'ять вашого браузера, яка на сучасному пристрої легко впорається із зображеннями розміром 50 МБ і більше.

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

Кадрування не погіршує якість пікселів, що залишаються всередині області кадрування — ці пікселі зберігаються точно такими, якими вони були в оригінальному файлі. Однак є важливий нюанс із файлами JPEG: JPEG використовує стискання з втратами, тобто кожного разу, коли файл JPEG декодується та перекодовується, алгоритм стискання запускається знову і вносить невелику додаткову втрату якості. Цей інструмент перекодує вивід JPEG з якістю 92%, що у більшості випадків невідрізнянне від оригіналу, але якщо вам потрібне піксель-у-піксель збереження, слід працювати з файлами PNG. PNG використовує стискання без втрат, тому перекодування PNG ніколи не погіршує дані зображення.

Типові помилки кадрування, яких слід уникати

Навіть проста операція кадрування може піти не так. Ось найпоширеніші пастки:

• Надто щільне кадрування — залишення менше 10–15% відступу навколо голови або обличчя об'єкта робить зображення клаустрофобним. Залишайте об'єктам простір для дихання, особливо в напрямку, куди вони дивляться або рухаються.
• Неправильне співвідношення сторін для платформи — завантаження зображення 16:9 до стрічки Instagram змушує платформу додавати поля або обрізати по центру. Завжди підбирайте співвідношення сторін відповідно до місця розміщення зображення перед завантаженням.
• Видалення важливого контексту — у документальній або журналістській фотографії агресивне кадрування може змінити сенс знімку. Переконайтеся, що кадрування не прибирає елементи, необхідні для розуміння сцени.
• Забуття перевірити роздільну здатність після кадрування — кадроване зображення з великого оригіналу може мати достатньо пікселів для екранного використання, але якщо вам потрібно друкувати у форматі A4 або більшому, перевірте, що розміри після кадрування забезпечують щонайменше 300 DPI при запланованому розмірі друку.

Часті запитання

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

Саме обрізання не знижує якість — воно просто видаляє пікселі з країв. Однак зображення, що залишилося, має меншу загальну кількість пікселів, тобто нижчу роздільну здатність. Якщо обрізати 75% фото на 12 мегапікселів, залишиться зображення на 3 мегапікселі. Обрізайте економно, якщо потрібно друкувати або відображати зображення у великому розмірі.

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

Ні. Як і всі наші інструменти для зображень, обрізання відбувається повністю у вашому браузері за допомогою HTML Canvas API. Ваші зображення ніколи не завантажуються на жодний сервер. Це забезпечує повну конфіденційність і працює в офлайн-режимі після завантаження сторінки.

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

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

Яке найкраще співвідношення сторін для фотографії профілю?

1:1 (квадрат) — найбезпечніший вибір для фотографій профілю практично на будь-якій платформі — LinkedIn, Facebook, Instagram, X/Twitter, GitHub, Slack та більшість інших відображають фотографії профілю у вигляді квадратів або кіл, вирізаних із квадрата. Почніть із кадрування 1:1, яке центрує обличчя з певним простором над головою, і ви отримаєте стабільний результат скрізь.