Що таке JPG? Як працює формат JPEG і коли його обирати

JPG (або JPEG) - формат зображень зі стисненням із втратами, створений для зберігання фотографій у невеликих файлах. Більшість зображень, які вам трапляються, від знімків вашого телефона до фото на новинних сайтах, використовують саме його. У цій статті пояснюємо, звідки взявся JPG, як він робить файли малими, у чому він добрий, а в чому поганий, і що варто пам'ятати, конвертуючи в нього чи з нього.

JPG і JPEG - це одне й те саме?

Так. JPEG розшифровується як Joint Photographic Experts Group - назва комітету, який написав стандарт. Розширення .jpg поширилося тому, що ранні файлові системи Windows і DOS обмежували розширення трьома символами. Файли з розширеннями .jpg, .jpeg, .jpe і .jfif використовують те саме стиснення, і більшість програм відкривають їх однаково. MIME-тип завжди image/jpeg.

Коротка історія

За даними комітету JPEG, роботу зі стандартизації розпочали 1986 року. Підсумковий текст затвердив CCITT (як тоді називався орган стандартизації ITU) 18 вересня 1992 року як Рекомендацію T.81, а ідентичний текст опублікували як міжнародний стандарт ISO/IEC 10918-1. Його офіційна назва - "Digital compression and coding of continuous-tone still images" (цифрове стиснення та кодування напівтонових нерухомих зображень).

T.81 визначає метод стиснення, але не повністю описує, як файл має інтерпретувати колір. Цю прогалину заповнив JFIF (JPEG File Interchange Format). Згідно з описом формату від Бібліотеки Конгресу США, JFIF спочатку розробив Ерік Гамільтон із C-Cube Microsystems, а опублікували його 1992 року. По суті той самий документ став Рекомендацією ITU-T T.871 у 2011 році та ISO/IEC 10918-5 у 2013 році. Те, що ми сьогодні називаємо "файлом JPG", зазвичай є потоком JPEG, загорнутим у JFIF або в структуру EXIF, яку використовують фотокамери.

Як працює стиснення JPEG

JPEG зменшує файли, відкидаючи деталі, яких людське око, найімовірніше, не помітить. Основні кроки такі:

1. Перетворення кольору й субдискретизація кольоровості

Зображення перетворюється з RGB на компоненту яскравості (Y) і дві колірно-різницеві компоненти (Cb і Cr). Оскільки око значно чутливіше до змін яскравості, ніж кольору, колірні компоненти зазвичай зберігаються з нижчою роздільністю. За найпоширенішою схемою, 4:2:0, на кожен блок 2x2 пікселів зберігається одне значення кольору. На фотографіях це майже непомітно, але різкі колірні переходи, як-от червоний текст або тонкі кольорові лінії, можуть виглядати розмазаними.

2. Блоки 8x8 і DCT

Як описано в T.81, кожна компонента ділиться на блоки 8x8 відліків, і кожен блок дискретним косинусним перетворенням (DCT) перетворюється на частотні коефіцієнти. Так однорідні ділянки (низькі частоти) відокремлюються від дрібних деталей (високих частот).

3. Квантування, де й відбуваються втрати

Коефіцієнти діляться на таблицю квантування й округлюються. Більшість високочастотних коефіцієнтів стають нулями, і саме тут інформація справді відкидається. Повзунок "якість" у редакторі визначає, наскільки агресивні ці таблиці: нижча якість обнуляє більше коефіцієнтів і дає менший файл.

4. Ентропійне кодування

Решта коефіцієнтів зчитується зигзагом і кодується без втрат. Базовий процес використовує кодування Гаффмана; стандарт також допускає арифметичне кодування, але на практиці цей варіант підтримується рідко. Базовий процес використовує точність 8 бітів на компоненту, а розширені процеси можуть використовувати до 12 бітів.

Прогресивний JPEG

Стандарт також визначає прогресивний режим, у якому зображення кодується за кілька проходів, від розмитого до чіткого, а не одним проходом згори донизу. На повільних з'єднаннях сторінка раніше виглядає завантаженою, а файл часто трохи менший.

Переваги й недоліки

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

Наскільки поширений JPG?

Дані W3Techs за жовтень 2026 року показують JPEG на 68,8% вебсайтів, які вони відстежують; попереду лише PNG (74,9%). Розділ про медіа в Web Almanac 2024 від HTTP Archive повідомляє, що 32,4% зображень на мобільних сторінках - це JPEG, і це досі найбільша частка серед усіх форматів. У тому самому звіті зазначено, що частка JPEG серед усіх зображень знизилася приблизно з 40% у 2022 році до 32% у 2024 році, тобто на вісім процентних пунктів, тоді як WebP додав близько трьох пунктів, SVG трохи менше двох, а AVIF майже один.

Альманах також порівнює ефективність: медіанний JPEG на мобільних пристроях використовує 2,0 біта на піксель, проти 1,3 у WebP, 1,4 в AVIF і 3,8 у PNG. Це медіани зображень, які справді віддаються у вебі, а не одна й та сама картинка, закодована в кожному форматі, але вони показують, чому новіші формати набирають популярності.

Типові проблеми

Прозорі ділянки стають білими чи чорними

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

Шум навколо тексту й ліній

Робота блоками 8x8 і відкидання високих частот спричиняють "дзвін" (ringing) - ледь помітні розводи навколо контрастних країв. За низької якості стають видимими й самі межі блоків. Для знімків екрана та графіки з текстом правильний вибір - PNG або WebP без втрат.

Ціна повторних збережень

Щоразу, коли ви відкриваєте JPG і знову зберігаєте його як JPG, він квантується заново, і дрібні втрати накопичуються. Якщо ви редагуєте зображення, зберігайте оригінал або тримайте робочу копію у форматі без втрат, як-от PNG.

Фото, що відображаються боком

Фотокамери часто записують значення "орієнтація" в EXIF замість того, щоб повертати пікселі. Старіші програми, які ігнорують це значення, показують фото боком або догори дриґом.

Поради щодо конвертації в JPG і з нього

• Для більшості фото підходить якість від 80 до 90. Наш конвертер PNG у JPG починає з 90; щоб отримати менший файл, зменште значення повзунка. Якість 100 робить файл значно більшим, але не робить його безвтратним.
• Оберіть колір тла для прозорості. Наш інструмент за замовчуванням заповнює прозорі ділянки білим, але ви можете обрати колір сторінки, на якій розміщуватиметься зображення.
• Конвертація JPG у PNG не повертає втраченої якості. Перетворення JPG у PNG запобігає подальшим втратам під час редагування, але файл зазвичай стає більшим.
• Для менших зображень у вебі спробуйте конвертувати JPG у WebP або JPG в AVIF. Щоб зменшити JPG, залишивши його JPG, скористайтеся стисненням зображень: воно за замовчуванням перекодовує JPG з якістю 75 і показує розмір до та після.
• Дані про місцезнаходження й камеру. Наші інструменти для зображень не записують у результат EXIF, дані про місцезнаходження чи камеру, а правильна орієнтація фото застосовується перед кодуванням. Ці конвертації виконуються у вашому браузері, тож ваші файли не залишають вашого пристрою.

Часті запитання

Чи є різниця в якості між JPG і JPEG?

Ні. Це той самий формат із різними розширеннями. Перейменування файлу з .jpeg на .jpg не змінює його вмісту.

Чи можна зберегти JPG без втрат?

T.81 справді визначає процес без втрат, але поширені програми та браузери майже ніколи його не підтримують. На практиці JPG - формат із втратами: навіть якість 100 не є точною копією через квантування та субдискретизацію кольоровості.

Чи підтримує JPG прозоре тло?

Ні. Якщо вам потрібна прозорість, використовуйте PNG, WebP або AVIF. Коли прозоре зображення конвертується в JPG, прозорі ділянки заповнюються обраним вами суцільним кольором.

Яке значення якості обрати?

Для фотографій зазвичай оптимальні 80-90. Для зображень із текстом або різкими краями використовуйте 90 і більше або залишайтеся на PNG. Числа якості означають не зовсім те саме в різних програмах, тож найнадійніша перевірка - оцінити результат на власні очі.

Що обрати: JPG чи WebP?

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

Джерела

• ITU-T (CCITT) Recommendation T.81 (09/92), копія на сайті W3C
• Комітет JPEG: огляд JPEG 1 (ISO/IEC 10918)
• Бібліотека Конгресу США: JPEG File Interchange Format (JFIF)
• ITU-T T.871: JPEG File Interchange Format
• MDN: посібник із типів і форматів файлів зображень
• W3Techs: статистика використання форматів зображень на вебсайтах
• HTTP Archive Web Almanac 2024: Media