Інструмент обрізання зображень — безкоштовно
Обрізайте зображення за допомогою перетягування, необов'язкового фіксованого співвідношення сторін (1:1, 16:9, 4:3 тощо), сітки третин та експорту в кількох форматах (JPEG, PNG, WebP).
Перетягніть файл сюди або натисніть, щоб вибрати
JPG, PNG, WebP, HEIC, HEIF · обробляється на вашому пристрої
або натисніть Ctrl+V, щоб вставити з буфера обміну
Порада: знімок екрана можна вставити через Ctrl+V
Ваші файли ніколи не залишають пристрій. Вся обробка відбувається локально у браузері.
Типові застосування
- Обріжте фотографії для InstagramОбріжте до переважних співвідношень сторін Instagram: 1:1 (квадрат), 4:5 (портрет) та 1.91:1 (пейзаж).
- Обріжте фотографії профілю в квадратСтворіть квадратні фотографії профілю для LinkedIn, Twitter, GitHub чи будь-якої соціальної платформи.
- Обріжте мініатюри YouTube та статейОбріжте до співвідношення сторін 16:9, яке використовується відео YouTube та більшість фотографій головного героя блогу.
- Обріжте фото паспорта / IDОбріжте фотографії до стандартного співвідношення портрета 2:3 для заявок на паспорт, візу та ID.
- Обріжте фотографії продуктів електронної комерціїСтандартизуйте співвідношення сторін фотографій продуктів для Amazon, Shopify, Etsy та інших ринків.
Як це працює
Обрізання відбувається повністю у вашому браузері через HTML5 Canvas API — без завантаження й сервера. Ви перетягуєте область виділення прямо на елементі canvas, а коли застосовуєте обрізання, вбудований 2D-рушій браузера читає лише виділені пікселі й перекодовує їх у JPEG, PNG або WebP.
- 1Зображення завантажується в пам’ятьФайл читається через URL.createObjectURL(), що дає браузеру локальний blob URL. HTMLImageElement декодує файл повністю у вкладці браузера — байти зображення ніколи не залишають пристрій.
- 2Pointer Events керують виділеннямPointer Events API браузера (що об’єднує мишу, дотик і перо) відстежує перетягування на накладці canvas. Натискання поза виділенням починає новий прямокутник; усередині — переміщує його; біля правого нижнього кута — змінює розмір. Необов’язкові пресети пропорцій (1:1, 16:9, 4:3 тощо) обмежують геометрію під час перетягування.
- 3Canvas малює живий переглядПри кожній зміні обрізання 2D-контекст Canvas перемальовує зображення, накладає темну маску поза виділенням, очищає область обрізання, щоб показати оригінал у повній якості, і накладає сітку правила третин та бірюзовий маркер зміни розміру.
- 4toBlob() кодує й віддає результатКоли ви натискаєте «Обрізати», створюється нове позаекранне полотно точно за розмірами обрізання. ctx.drawImage() копіює лише виділений прямокутник, а canvas.toBlob() кодує результат нативним кодувальником браузера JPEG, PNG або WebP з вибраною якістю. Результат повертається як локальний blob URL для завантаження.
Зображення відкривається як локальний blob URL і обробляється повністю у вкладці браузера — нічого не завантажується на сервер на жодному етапі.
Схожі інструменти
Створення колажів із фото
Поєднуйте фото в колажі-сітки з відступами, заокругленими кутами та пресетами співвідношення сторін для соцмереж. Експорт у HD, без облікового запису, без водяного знака.
Конструктор фотослайдшоу
Перетворюйте фотографії на MP4-слайдшоу з музикою, перехресними затемненнями та повільним наближенням. 16:9, 9:16 або квадратне, до 1080p. Створюється у вашому браузері; ваші фотографії не завантажуються на сервер.
Створення зображень із цитатами
Перетворіть цитату на зображення для поширення. Додайте автора, оберіть колір, градієнт або власне фото, виберіть шрифт і розмір і завантажте PNG.