Зміна розміру / Стиснення / Конвертація зображень

Обробляйте свої зображення локально: без завантаження, без турбот про конфіденційність. Підтримуються JPEG, PNG, WebP та AVIF.

Як працює Зміна розміру зображень

Зміна розміру зображення виконується повністю у вашому браузері за допомогою модуля WebAssembly @jsquash/resize із фільтром Lanczos-3. Ви скидаєте файл JPEG, PNG, WebP або AVIF, вводите цільові розміри або відсоток масштабування, і перемасштабоване зображення готове до локального завантаження за кілька секунд. Піксельні дані ніколи не покидають ваш пристрій: жоден сервер не отримує ваш файл, облікового запису не потрібно, а після того як модуль WebAssembly буде завантажений (це одноразове завантаження, яке відбувається під час першої зміни розміру зображення), інструмент продовжує працювати без підключення до мережі.

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

Автор: Bastien Sulyan

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

Перетягніть зображення на область завантаження або натисніть, щоб вибрати. Підтримувані формати: JPEG, PNG, WebP, AVIF.
Введіть цільову ширину, висоту або відсоток масштабування. Заблокуйте пропорції, щоб уникнути спотворень.
Виберіть вихідний формат і, для форматів із втратами, встановіть якість за допомогою повзунка.
Натисніть «Змінити розмір». Обробка відбувається локально у Web Worker з використанням WebAssembly.
Натисніть «Завантажити», щоб зберегти результат на пристрій.

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

Веб-розробник хоче отримати зображення WebP шириною 800 пкс для шапки сторінки з вихідного PNG у великій роздільній здатності, не завантажуючи його на сторонній сервіс.
SMM-менеджер масштабує портретне фото до рівно 1080x1080 пкс для публікації в Instagram і одночасно конвертує у JPEG.
Журналіст готує знімки для системи управління контентом, змінюючи розмір і стискаючи їх офлайн на ноутбуці без доступу до мережі.
Дизайнер перевіряє, як виглядає зображення з великою щільністю пікселів при вдвічі меншому розмірі, перш ніж підтвердити фінальний експорт із програми для дизайну.

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

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

Ні. Зображення зчитується з локального диска, декодується у OffscreenCanvas, перемасштабується модулем WebAssembly @jsquash/resize, потім перекодується у вибраний формат, і все це відбувається у вкладці браузера. Відкрийте панель «Мережа» браузера під час зміни розміру, і ви не побачите жодного запиту з даними зображення.

Які формати можна читати та записувати?

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

Який алгоритм ресемплінгу використовує інструмент?

Lanczos-3, реалізований у модулі WebAssembly @jsquash/resize. Він зберігає чіткість при зменшенні краще, ніж білінійна інтерполяція, і не дає блочних артефактів методу найближчого сусіда. При збільшенні Lanczos також застосовується, хоча збільшення масштабу не може відновити втрачені деталі.

Чи можна змінити розмір зображення, зберігаючи початкові пропорції?

Так. Блокування пропорцій увімкнено за замовчуванням. Введіть значення у поле ширини або висоти, і інше поле оновиться автоматично. Розблокуйте лише тоді, коли потрібно розтягнути зображення до непропорційних розмірів.

Чи працює інструмент без підключення до інтернету?

Здебільшого так. Саме масштабування завжди виконується на вашому пристрої, зображення ніколи не покидає вашу машину. Єдине застереження в тому, що модуль WebAssembly @jsquash/resize є доволі об'ємним завантаженням, яке відбувається з цього сайту під час першої зміни розміру зображення; після того як це завантаження і сама сторінка будуть отримані, можна відключитися від мережі й продовжувати змінювати розмір зображень без перешкод.

Чому вихідний файл більший за оригінал?

Перехід на формат без втрат, як-от PNG, або підвищення рівня якості для кодека з втратами може дати більший вихідний файл, ніж сильно стиснений оригінал. Знизьте повзунок якості або виберіть ефективніший формат (WebP або AVIF), щоб зменшити розмір. З боку вхідних даних немає серверного обмеження, оскільки немає сервера, але інструмент справді відхиляє файли понад 50 МБ, і дуже велике растрове зображення все одно може вичерпати пам'ять скромного телефону, перш ніж обробка завершиться.

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

Ні. Вихід - це лише перемасштабовані піксельні дані, без жодного водяного знака, логотипу чи брендингу Sunasty.

Чи можна змінити розмір фото на телефоні одразу після зйомки?

Так. Інструмент працює однаково в мобільному Chrome чи Safari і на комп'ютері, тому можна скинути фото прямо з фотоальбому телефону. Модулю WebAssembly все одно потрібне одноразове завантаження при першому використанні (див. відповідь про офлайн вище), яке витрачає мобільний трафік, якщо ви не в мережі Wi-Fi.

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

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

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