Як змінити розмір зображення
- Додайте свої зображення. Перетягніть свої фото в зону завантаження, натисніть, щоб вибрати файли, або вставте з буфера обміну. Підтримуються JPEG, PNG, WebP, AVIF та GIF, і ви можете додати кілька одразу.
- Виберіть пікселі або відсотки. Виберіть «Відсотки», щоб масштабувати за пропорцією (ідеально для цілих пакетів), або «Пікселі», щоб ввести точну ширину чи висоту. Залиште збереження співвідношення сторін увімкненим, щоб уникнути спотворень.
- Задайте формат і якість (за бажанням). Залиште формат «Той самий формат», щоб зберегти оригінальний тип, або конвертуйте у WebP чи AVIF, щоб отримати менший файл. Налаштуйте повзунок якості, щоб одночасно стиснути.
- Завантажте зображення зі зміненим розміром. Кожне зображення змінює розмір на вашому пристрої за допомогою передискретизації Lanczos. Завантажте їх по одному або одразу всі у вигляді ZIP.
Навіщо змінювати розмір зображень?
Сучасні телефони та камери знімають величезні зображення: одна фотографія може мати 6000 пікселів завширшки й важити десять мегабайтів або більше. Це набагато більше деталей, ніж будь-коли покаже майже будь-який екран, лист чи вебсторінка. Заголовок блогу може відображатися завширшки 1200 пікселів; фото профілю — 400; підпис у листі — 150. Надсилання файлу на 6000 пікселів у місце на 1200 пікселів марнує пропускну здатність, уповільнює завантаження сторінок та роздуває вкладення без жодної видимої користі.
Зміна розміру — це також найпотужніший важіль, який ви маєте над розміром файлу. Оскільки дані зображення масштабуються з його загальною кількістю пікселів, зменшення вдвічі як ширини, так і висоти прибирає приблизно три чверті пікселів — а отже, і більшість розміру файлу — ще до будь-якого стиснення. Зниження якості JPEG може скоротити 30–50 %; зміна розміру надто великого фото до його реального розміру відображення зазвичай скорочує 80–95 %. Якщо файл здається завеликим, спочатку змінюйте розмір, а потім стискайте.
А оскільки цей інструмент працює повністю на вашому пристрої, це приватний спосіб це зробити. Інші онлайн-сервіси зміни розміру завантажують ваші фото на віддалений сервер, обробляють їх там і надсилають назад. Тут ваші зображення зчитуються в пам’ять, змінюють розмір локально й одразу повертаються вам: вони ніколи не торкаються мережі.
Як зміна розміру впливає на якість
Зменшення — робити зображення меншим — за своєю природою делікатне щодо якості, але те, як поєднуються пікселі, має велике значення. Просте масштабування лише відкидає пікселі, утворюючи зубчасті краї та мерехтіння на дрібних деталях. Натомість цей інструмент використовує високоякісну передискретизацію Lanczos, яка зважує околицю сусідніх пікселів для кожного вихідного пікселя. Результат зберігає краї чіткими, а текст — розбірливим, тож зменшене зображення виглядає чистим, а не розмитим чи зубчастим.
Єдина операція, яка справді шкодить, — це масштабування вгору: збільшення зображення понад його оригінальні розміри. Жоден алгоритм передискретизації не може вигадати деталі, які ніколи не були зняті, тож збільшене фото виглядає м’яким і розмитим. Як правило, завжди змінюйте розмір лише вниз: вибирайте найбільший розмір, який вам справді потрібен, і змінюйте розмір до нього, ніколи не перевищуючи вихідні розміри. Коли ви також конвертуєте у формат із втратами, пам’ятайте, що стиснення та зміна розміру накладаються: зображення зі зміненим розміром має менше пікселів для стиснення, і саме тому обидва разом дають такі малі файли.
Пікселі, відсотки та поширені цільові розміри
Режим відсотків ідеальний для пакетів: задайте 50 %, і кожне зображення зменшиться пропорційно незалежно від його початкового розміру. Режим пікселів — для точних цілей: введіть ширину (або висоту) і, коли співвідношення сторін заблоковане, інша розмірність обчислюється для вас, тож нічого не розтягується. Співвідношення сторін — це просто відношення між шириною та висотою (16:9, 4:3, 1:1); збереження його незмінним і є тим, що не дає обличчям та логотипам виглядати сплющеними. Більше про те, як працюють зображення та їхні розміри, ви можете прочитати в посібнику MDN із зображень у вебі.
Корисні цілі, які варто тримати на думці: більшість вебконтенту чудово виглядає від 1200 до 2000 пікселів по довгому краю (використовуйте більше значення для повноширинних hero-зображень на дисплеях високої щільності). Вкладення та підписи у листах зазвичай мають залишатися на рівні 800 пікселів або менше, щоб не перевантажувати поштові скриньки. Для соціальних мережпоширені розміри становлять приблизно 1080×1080 для квадратної публікації в Instagram, 1080×1920 для вертикальних історій і рілсів, 1200×630 для прев’ю посилання у Facebook чи Open Graph та 1500×500 для заголовка X/Twitter. У разі сумніву змінюйте розмір до найбільшого місця, де з’явиться зображення, і дайте платформі зменшити його звідти.
Поради для найкращих результатів
- Ніколи не масштабуйте вгору. Збільшення понад оригінальний розмір лише додає розмиття. Вибирайте найбільшу розмірність, яка вам справді потрібна, і зупиніться на ній.
- Змінюйте розмір перед стисненням. Менше пікселів означає менший файл і менше роботи для кодувальника. Щоб отримати найменші фото, змініть їхній розмір тут, а потім пропустіть через стиснення JPEG.
- Заблокуйте співвідношення сторін. Введіть лише ширину або лише висоту й дайте іншій розмірності заповнитися автоматично: це найпростіший спосіб уникнути розтягнутих, спотворених зображень.
- Конвертуйте під час зміни розміру. Перехід на WebP чи AVIF за допомогою конвертера зображень може зменшити фото зі зміненим розміром ще на 25–50 % без видимої втрати якості.
- Зберігайте свої оригінали. Щоразу змінюйте розмір із майстер-файлу повної роздільної здатності, а не повторно змінюйте розмір уже зменшеної копії, що накопичує втрату якості.