Великі файли зображень — одна з найпоширеніших причин повільних вебсторінок, відхилених листів і переповнених накопичувачів. Гарна новина в тому, що більшість зображень значно більші, ніж їм потрібно бути, і зазвичай ви можете зменшити їхній розмір удвічі або більше без жодної помітної для вас різниці. Хитрість полягає в тому, щоб знати, які важелі тягнути.
Цей посібник проходить п'ять речей, які визначають розмір файлу зображення, приблизно в порядку впливу, щоб ви могли впевнено зменшувати свої зображення, не погіршуючи їх.
Що тут означає «без втрати якості»
Варто чітко прояснити це, бо вислів вживають доволі вільно. Деякі методи справді без втрат — вони зменшують розмір, зберігаючи кожен піксель ідентичним. Інші — зі втратами, але налаштовані так, що втрата невидима для людського ока, а це і є те, чого насправді хоче більшість людей. Обидва підходи правомірні. У цьому посібнику «без втрати якості» означає, що результат виглядає для вас ідентично за звичайного перегляду, навіть попри те, що файл набагато менший.
Важіль 1: оберіть ефективніший формат
Це зазвичай найбільший виграш сам собою, і він не вимагає жодного компромісу щодо якості. Старіші формати, як-от JPEG і PNG, значно менш ефективні за сучасні. Конвертація JPEG у WebP зазвичай зрізає 25–34 відсотки розміру файлу за тієї ж візуальної якості; конвертація в AVIF може зменшити його приблизно вдвічі.
Для фотографій конвертуйте JPG у WebP або JPG у AVIF. Для графіки та знімків екрана, що наразі зберігаються як PNG, конвертуйте PNG у WebP — це зберігає прозорість, водночас зменшуючи файл. Сама лише зміна формату часто розв'язує проблему ще до того, як ви торкнетеся будь-чого іншого. Для глибшого порівняння дивіться WebP проти AVIF.
Важіль 2: змініть розмір до розмірів, які ви насправді відображаєте
Це найчастіше марнований простір. Фотографія просто з телефона чи камери може бути 4000 пікселів завширшки, але якщо вона відображається у стовпці шириною 800 пікселів, три чверті цих пікселів завантажуються, а потім відкидаються браузером. Зміна розміру зображення до найбільшого розміру, в якому воно фактично показуватиметься — можливо, подвоєного для екранів високої роздільності — може колосально зменшити файл без жодної видимої втрати, бо ви не прибираєте жодної деталі, яку міг би побачити глядач.
Завжди змінюйте розмір, перш ніж починати тонке налаштування стиснення. Це крок із найбільшим впливом для завеликих фотографій.
Важіль 3: налаштуйте параметр якості
Формати зі втратами дають змогу обміняти трохи точності на чимало розміру. Залежність не лінійна: зниження з максимальної якості до приблизно 80–85 відсотків часто прибирає значну частку розміру файлу, лишаючись візуально невідрізнюваним для типових фотографій. Понад приблизно 90 відсотків ви платите крутою надбавкою в розмірі за деталі, яких майже ніхто не може побачити.
Рівень якості в межах від низьких до середніх 80-х — надійна золота середина для вебфотографій. Графіка з різкими краями та текстом чутливіша, тож тримайте її вище або використовуйте формат без втрат.
Важіль 4: видаліть зайві метадані
Фотографії часто несуть приховану поклажу: дані EXIF, як-от модель камери та розташування за GPS, вбудовані мініатюри та колірні профілі. Нічого з цього не видно на зображенні, проте це може додати відчутної ваги, особливо в багатьох дрібних зображеннях. Видалення метаданих абсолютно без втрат для самого зображення, ще й має перевагу щодо приватності, оскільки може прибрати дані про місцеперебування та пристрій. Багато конвертерів видаляють ці дані або дозволяють видалити їх автоматично.
Важіль 5: узгодьте тип стиснення з контентом
Використання неправильного типу стиснення роздуває файли. Фотографіям місце у форматі зі втратами, як-от JPEG, WebP чи AVIF, де їхні неперервні тони стискаються ефективно. Графіці, логотипам, знімкам екрана та всьому, що має однотонні заливки й різкі краї, місце у форматі без втрат, як-от PNG — або, краще, у векторному SVG для логотипів та піктограм, який крихітний і масштабується безмежно. Збереження логотипа як JPEG високої роздільності або фотографії як PNG — обидві помилки поширені й коштовні. Докладніше про це дивіться JPG проти PNG.
Практичний робочий процес
Зведений докупи, ефективний процес виглядає так:
- **Змініть розмір** зображення до найбільших розмірів, у яких воно відображатиметься.
- **Конвертуйте** його в сучасний формат — WebP як безпечний варіант за замовчуванням, AVIF для максимальної економії.
- **Установіть якість** у межах від низьких до середніх 80-х для фотографій, вище — для детальної графіки.
- **Видаліть метадані**, які вам не потрібні.
На практиці конвертація у WebP чи AVIF із розумною якістю опрацьовує більшість цього за один крок, і саме тому зміна формату — перше, що варто спробувати.
Без втрат чи зі втратами: що обрати
Якщо ви взагалі не можете терпіти жодних змін — для архівних майстрів, технічних зображень чи графіки з чітким текстом — використовуйте стиснення без втрат: PNG для растрової графіки, WebP без втрат для менших файлів без втрат або SVG для векторного мистецтва. Для всього іншого, особливо для вебфотографій, високоякісне налаштування зі втратами дає значно менші файли без видимої різниці, що майже завжди є кращим компромісом.
Як зменшити розмір файлу без встановлення програм
Для всього цього вам не потрібен графічний редактор. Конвертер на основі браузера може змінити формат і застосувати розумне стиснення за один крок: JPG у WebP, PNG у WebP, JPG у AVIF або PNG у JPG, коли вам потрібна максимальна сумісність. Зберігайте свої оригінальні високоякісні файли й генеруйте менші версії з них за потреби. Щоб допомогти обрати цільовий формат, дивіться Як обрати правильний формат зображення для вебу.