Що це за інструмент?
Інструмент зміни розміру зображень змінює розмір у пікселях — на відміну від стиснення, яке зберігає розміри, але перекодовує ефективніше. Зміна розміру потрібна, коли форма вимагає "максимум 800 пікселів", аватар має бути 256×256, або коли фото з камери на 4000 пікселів — це абсурдне надмір'я для колонки блогу шириною 700 пікселів.
Зменшення розміру (робити зображення меншими) візуально не втрачає якості й значно скорочує розмір файлу — зменшення обох вимірів удвічі скорочує кількість пікселів на 75%. Збільшення (робити зображення більшими) теж підтримується, але не може вигадати нові деталі: розтягнуте зображення завжди трохи розмите. Цей інструмент автоматично зберігає пропорції, тож нічого не виглядає розтягнутим.
Навіщо його використовувати?
- Два зрозумілі режими: точна ширина в пікселях (для вимог) або відсоток (для швидкого зменшення).
- Пропорції фіксуються автоматично — жодних випадково спотворених фото.
- Також конвертує формат при виведенні, якщо потрібно (JPG/PNG/WebP).
- Пакетна зміна розміру десятків зображень із завантаженням кожного файлу окремо.
- Локально й приватно: нічого не завантажується на сервер, немає обмежень на розмір.
Як користуватися
- Перетягніть зображення в область або натисніть, щоб обрати їх.
- Оберіть режим: введіть цільову ширину в пікселях або відсоток.
- За бажанням оберіть інший формат виводу (за замовчуванням зберігається оригінальний).
- Кожен результат показує нові розміри й розмір файлу — натисніть "Завантажити".
Приклад
Введення
camera.jpg — 4032×3024, 3,9 МБ, розмір змінено до ширини 1200Результат
camera-1200x900.jpg — 1200×900, 260 КБІм'я файлу результату містить нові розміри, тож версії ніколи не сплутаються.
Поширені сценарії використання
- Відповідність точній вимозі в пікселях від форми, специфікації іконки застосунку чи правила завантаження ("аватар має бути 400×400 або менше").
- Зменшення пакету фото з камери перед додаванням на веб-сторінку, де оригінали шириною 4000 пікселів завантажуються значно повільніше, ніж потрібно.
- Підготовка набору мініатюр однакового розміру з папки зображень різних розмірів.
- Зменшення розмірів зображення в пікселях перед вставкою в документ із суворими обмеженнями ширини сторінки.
Зміна розміру проти стиснення, і чому порядок має значення
Зміна розміру та стиснення обидва зменшують розмір файлу, але атакують різні речі: зміна розміру зменшує кількість пікселів (зображення, зменшене на 50% за шириною та висотою, має на 75% менше пікселів для зберігання), тоді як стиснення перекодовує ті самі пікселі ефективніше. Якщо зображення має і завеликі розміри, і несжате, зміна розміру спочатку дає більший виграш — зменшення кількості пікселів із 4000 до 1200 пікселів видаляє набагато більше даних, ніж будь-який повзунок якості, а потім стиснення вже зменшеного зображення видавлює решту зайвого. Зворотний порядок (спочатку стиснути, потім змінити розмір) теж працює, але зміна розміру спочатку означає, що етапу стиснення доведеться обробляти менше даних, що трохи швидше.
Чому відсотковий режим відрізняється від простого введення меншої ширини в пікселях
Відсотковий режим і режим ширини в пікселях дають однакову математику під капотом — обидва зрештою обчислюють цільову ширину та пропорційну висоту, — але вирішують різні практичні завдання. Піксельний режим підходить, коли ви знаєте точне потрібне число (специфікація каже 1200 пікселів, тож ви вводите 1200). Відсотковий режим підходить, коли ви зменшуєте цілий пакет зображень різних оригінальних розмірів, але хочете, щоб усі вони пропорційно зменшилися на однакову величину — 50% послідовно зменшує вдвічі кожне зображення незалежно від того, чи оригінали були 2000, чи 6000 пікселів завширшки, а піксельний режим не може зробити це за один прохід для змішаного пакету, не спотворивши одні зображення або не залишивши інші без змін.
Часті запитання
Чи знизить зміна розміру якість зображення?
Зменшення виглядає практично ідеально — ви прибираєте пікселі, які цільовий розмір усе одно не може показати. Збільшення понад 100% не може додати деталей і дає розмитість; уникайте його, якщо тільки не потрібно досягти мінімального розміру.
Як задати точну висоту замість ширини?
Обчисліть ширину, яка дасть потрібну висоту: ширина = висота × (оригінальна ширина ÷ оригінальна висота). Інструмент навмисно зберігає пропорції — довільне розтягування за шириною та висотою спотворює фото, а це майже ніколи не те, чого хочуть люди.
Який розмір використовувати для вебу?
Повноширинні герой-зображення: 1600–1920 пікселів. Зображення у контенті блогу: 800–1200 пікселів. Мініатюри: 300–400 пікселів. Аватари: 256 пікселів. Якщо не впевнені, орієнтуйтеся на найбільший розмір, у якому макет реально відображатиме зображення, а потім стисніть.
Змінити розмір чи стиснути — що мені потрібно?
Обидва зменшують розмір файлу, але по-різному. Якщо розміри більші, ніж потрібно, спочатку змініть розмір — це дає більший виграш. Потім стиснення додатково зменшує залишок байтів. Наш компресор зображень робить якість + максимальну ширину за один крок, якщо це підходить для вашого випадку.
Чи завантажуються мої зображення на сервер під час зміни розміру?
Ні. Зміна розміру відбувається на вашому пристрої через canvas API браузера. Інструмент працює офлайн, щойно сторінка завантажилася.