Як стиснути JPEG для веб

Один завеликий файл JPEG може важити більше, ніж уся решта веб-сторінки разом узята, і це найпоширеніша причина, чому сторінка здається повільною. Камера або процес експорту, що його створили, були оптимізовані для друку або фото на весь екран, а не для мініатюри, головного банера чи сітки товарів, де той самий файл часто у кілька разів важчий, ніж потрібно.

Перевага в тому, що JPEG є втратним фотографічним форматом, тож він може відкинути багато даних, яких око все одно не помітить. Розумне стиснення та зміна розміру зображення відповідно до того, як воно справді показується, зазвичай зменшує фото до частки початкової ваги без помітної різниці на екрані.

Компресор JPG дає контроль над якістю, який можна підлаштовувати, доки розмір і вигляд не стануть прийнятними:

• Відкрийте компресор JPEG і перетягніть туди фото: можна завантажити кілька одразу.
• Встановіть якість. Для фото в вебі значення приблизно 75–82 є оптимальною точкою: візуально непомітно на екрані, але розмір файлу значно менший.
• Перегляньте, потім експортуйте та завантажте. Експортована копія є новим файлом JPEG із видаленими метаданими, тож приховані дані EXIF і GPS не потрапляють на ваш сервер.

Усе працює на вашому пристрої: можна відключитися від інтернету після завантаження сторінки, і все одно працюватиме, а це найпростіший доказ, що ваші зображення нікуди не завантажуються.

Якість дає лише половину результату; розміри дають іншу половину. Надсилання фото шириною 4000 пікселів у місце, де воно завжди показується лише на 800 пікселях, витрачає більшу частину файлу на деталі, яких жоден відвідувач ніколи не побачить, а браузеру все одно доведеться завантажити кожен із цих зайвих пікселів.

Тож перед стисненням змініть розмір зображення приблизно до найбільшого розміру, у якому воно справді показується (трохи запасу для екранів високої щільності цілком нормально). Фото, підігнане під свій блок показу, а потім стиснуте з якістю 75–82, часто виходить удесятеро меншим за оригінал: зазвичай це найбільший приріст швидкості, якого можна досягти. Одна пересторога: стиснення JPEG є одностороннім процесом і накопичується. Повторне стиснення вже стисненого файлу JPEG щоразу додає помітні артефакти, тож завжди починайте з оригіналу і стискайте лише один раз.

JPEG є безпечним, універсальним вибором, але вже не найменшим за розміром. Його сучасні наступники, WebP і AVIF, досягають такої самої видимої якості за помітно меншого розміру, і обидва добре підтримуються сучасними браузерами. Якщо вага сторінки є вашим пріоритетом, варто конвертувати JPG у WebP або в AVIF і порівняти результат.

Це чесна порада «варто розглянути», а не правило: якщо потрібен файл, який відкриється будь-де без проблем, залишайтеся на JPEG. Для ширшого огляду вибору рівня якості та формату див. як стискати зображення без втрати якості.