У вас є фото розміром 5 МБ, і вам потрібно зменшити його до 1 МБ для вкладення в електронний лист, завантаження на сайт або подання форми. Ви не хочете, щоб воно виглядало розмитим. Цей гайд пояснює, як працює стиснення зображень справді та як зменшити розмір файлів значно, зберігаючи їх чіткість.
Втратне та безвтратне стиснення: два типи стиснення
Кожна методика стиснення зображення належить до однієї з двох категорій:
Стиснення з втратами постійно видаляє дані зображення. Алгоритм визначає, яка візуальна інформація найменш помітна для людського ока, і видаляє її. JPEG є найпоширенішим форматом з втратами. На високих налаштуваннях якості (80-95%), видалені дані не помітні при звичайному перегляді. При значеннях нижче 60% з’являються артефакти — блокові ділянки, кольорові смуги, розмиті краї.
Безвтратне стиснення зменшує розмір файлу без видалення даних. Оригінальне зображення можна повністю відновити. PNG використовує безвтратне стиснення. Так само WebP у своєму безвтратному режимі. Заміна: безвтратні файли більші за втратні. Безвтратний PNG фотографії може бути у 5-10 разів більшим за JPEG тієї ж фотографії при якості 85%.
Пояснення регулятора якості JPEG
При експорті JPEG ви обираєте значення якості від 0 до 100. Це визначає, наскільки агресивно алгоритм втратного стиснення стискує зображення. Ось що означають ці числа:
| Якість | Розмір файлу | Візуальний результат |
|---|---|---|
| 100% | Найбільший | Virtually lossless. No visible difference from the original. |
| 85-92% | 60-75% менше | Неможливо відрізнити на звичайній відстані перегляду. Оптимальна точка для більшості використань. |
| 70-84% | 75-85% менше | Мінімальні артефакти видно при збільшенні. Добре для мініатюр та соціальних мереж. |
| 50-69% | На 85-92% менше | Відчутне згладжування. Прийнятне для електронної пошти, де важлива розмір. |
| Нижче 50% | Найменший | Видимі блокові артефакти. Лише коли розмір файлу критичний. |
Відношення між якістю та розміром файлу не є лінійним. Зниження з 100% до 85% часто скорочує розмір файлу на 60-70% без помітної втрати якості. Зниження з 85% до 50% дає додаткове скорочення лише на 15-20%, але призводить до помітного погіршення. Найбільші виграші знаходяться у верхній частині діапазону якості.
WebP: сучасна альтернатива
WebP — це формат, розроблений Google, який підтримує як втратну, так і безвтратну компресію. У втратному режимі файл WebP зазвичай на 25-35% менший за JPEG при тій самій якості зображення. У безвтратному режимі він на 26% менший за PNG.
WebP також підтримує прозорість (як PNG) та анімацію (як GIF), що робить його універсальним форматом. З 2026 року кожен сучасний браузер підтримує WebP: Chrome, Firefox, Safari, Edge та всі мобільні браузери.
Недолік: деякі старіші програми та системи не розпізнають WebP. Якщо потрібна максимальна сумісність — для електронної пошти, друку, завантаження на форму — JPEG залишається найбезпечнішим вибором. Для веб-сайтів WebP строго кращий.
Оптимальні налаштування за випадком використання
Для сайтів та блогів
Використовуйте WebP на якості 80-85%. Мета — 100-200 KB на зображення. Змінюйте розмір на фактичні розміри відображення — не надсилайте зображення 4000px у контейнері 800px. Це найбільший виграш у стисненні: зменшення розміру пікселів. Фотографія 4000x3000, зменшена до 1200x900, зменшується з 5 МБ до менше 300 КБ перед будь-якою регулюванням якості.
Для вкладених файлів у електронній пошті
Використовуйте JPEG з якістю 80%. Більшість сервісів електронної пошти обмежують вкладення розміром 25 МБ, і отримувачі не люблять завантажувати великі файли на мобільні пристрої. Для типового набору фото з відпустки JPEG з якістю 80% зберігає кожен зображення менше 500 КБ, при цьому виглядаючи чудово на екранах.
Для соціальних мереж
Платформи, такі як Instagram, Twitter та Facebook, перекодують ваші зображення навіть так. Завантажте найвищу якість, яку можете (JPEG 92% або PNG), і нехай платформа обробляє оптимізацію. Якщо ви спочатку стискаєте, а потім платформа стискає знову, якість знижується двічі — виникає втрата якості.
Для друку
Не стискуйте. Для друку потрібна висока роздільна здатність (300 DPI) та мінімальні артефакти стискування. Використовуйте оригінальний файл або JPEG на 95-100%. Розмір файлу не має значення для друку.
Спочатку змініть розмір на розмір екрану, потім стисніть. Цей один крок часто зменшує розмір файлу на 80% перед тим, як ви торкнетесь регулятора якості.
Як стиснути зображення за допомогою Morph
Компресор зображень Morph працює виключно в вашому браузері. Перетягніть зображення, налаштуйте регулятор якості та побачте, як змінюється оцінений розмір файлу в реальному часі. Коли ви задоволені балансом, завантажте стиснутий варіант.
Ви також можете конвертувати між форматами: опустіть PNG розміром 5 МБ і перетворіть його на WebP розміром 800 КБ, або HEIC розміром 3 МБ експортуйте як JPEG розміром 400 КБ. Кожна конвертація та стиснення відбувається локально — ваші зображення залишаються на вашому пристрої.
Поширені помилки
Стиснення вже стисненого файлу. Відкриття JPEG, зроблення змін та збереження його з якістю 85% додає ще один цикл стиснення до файлу, який вже був стиснений. Кожен цикл погіршує якість. Завжди стисніть з оригінального файлу (RAW, HEIC, PNG або першого експорту JPEG).
Використовуйте PNG для фотографій. PNG використовує безвтратне стиснення, що добре підходить для графіки, але марно для фото. Фотографія, збережена як PNG, може займати 10-20 МБ. Той самий зображення у форматі JPEG при 90% якості — менше 1 МБ і виглядає однаково. PNG призначений для скріншотів та логотипів, а не для фото.
Ігнорування розмірів. Відтворення 4K фото (3840x2160) у вигляді мініатюри 400px витрачає 95% його пікселів. Спочатку змініть розмір, потім стисніть. Цей один крок часто зменшує розмір файлу на 80% або більше.
Головне
Для фотографій: JPEG на 85% або WebP на 80%. Спочатку зменшіть розмір до фактичних розмірів відображення. Ця комбінація дає найменший файл без помітної втрати якості.
Для графіки, логотипів та скріншотів: PNG або WebP без втрат. Різкі краї та плоскі кольори у цих зображень добре стискаються методами без втрат.
Для максимальної сумісності: JPEG. Для максимальної ефективності: WebP. Для максимальної якості: оригінальний файл.