JPG, JPEG чи PNG: у чому різниця і який формат обрати

JPEG — це назва комітету, а не файлу. Joint Photographic Experts Group, працюючи під егідою ISO та ITU, опублікувала свій стандарт стиснення 1992 року як ISO/IEC 10918-1, відомий також як ITU-T T.81. Стандарт описує, як вмістити фотографію в менше байтів, але не визначає, як називати файл. Очевидним розширенням було .jpeg, і саме його використовували системи Unix та ранні Mac. Група досі веде jpeg.org і поряд з оригіналом підтримує новіші формати, як-от JPEG 2000 і JPEG XL.

Windows пішла іншим шляхом через MS-DOS. Імена файлів у DOS підпорядковувалися правилу 8.3: до восьми символів, крапка й щонайбільше три символи розширення. Чотирилітерне .jpeg просто не могло існувати на диску FAT тієї епохи, тож програми Windows зберігали .jpg. Windows 95 зняла обмеження завдяки довгим іменам, але на той час .jpg уже стало звичкою виробників камер, драйверів сканерів і сайтів. Правило файлової системи камер, якого дотримуються цифрові фотоапарати, і досі дає імена на кшталт DSC_0001.JPG, тому більшість фото у світі має трилітерний варіант.

Усередині файлу різниці немає. .jpg і .jpeg відкриваються в тих самих програмах, мають той самий зареєстрований медіатип image/jpeg і містять однакові байти, якщо перейменувати один на інший. Рідші закінчення .jpe і .jfif — це знову той самий формат. Написання має значення лише тоді, коли програма перевіряє текст розширення, а не вміст, наприклад форма завантаження, у списку дозволених якої є лише jpg і png. У такому разі перейменуйте файл або пропустіть його через JPEG у JPG: він перезбереже зображення з якістю 95 і потрібним формі розширенням.

JPEG за задумом стискає з втратами. Кодувальник перетворює зображення з RGB на один канал яскравості й два канали кольору та зазвичай зберігає кольорові канали вдвічі меншої роздільної здатності, бо око набагато менш чутливе до кольорових деталей, ніж до яскравості. Потім він розбиває картинку на блоки 8 × 8 пікселів, описує кожен блок як суму плавних хвильових візерунків і відкидає дрібні візерунки, що важать найменше. Число якості в діалозі експорту визначає, наскільки сильним буде це округлення. При 85 фото на екрані виглядає незмінним; при 50 економія зростає, але округлення стає помітним.

PNG стискає без втрат. Він зберігає кожен піксель точно й стискає алгоритмом DEFLATE, таким самим, як у файлах ZIP, після кроку фільтрації, що передбачає піксель за сусідніми. Стиснення працює через пошук повторів. Скриншот з однотонним білим тлом, діаграма з п’яти кольорів чи логотип з чіткими краями сповнені повторів і дають малий файл. Фотографія не така: шум сенсора, зерно й м’які градієнти означають, що майже жодні два сусідні пікселі не збігаються, тому PNG фото залишається в кілька разів більшим за JPEG тієї самої картинки. Специфікацію опубліковано на сайті W3C.

Ця різниця пояснює артефакти, які ви бачили. Пошкодження JPEG виглядають як блокові квадрати на гладкому небі, розмазування кольору вздовж насичених червоних країв і ледь помітна рябь, яку називають ореолами (ringing), навколо різкого тексту й ліній. Повторне збереження JPEG після редагування повторює округлення й щоразу додає трохи шкоди — це називають втратою поколінь. PNG не додає власних артефактів, але й не може прибрати наявні: JPEG, конвертований у PNG, зберігає кожен блок і рябь, лише записані ідеально. Конвертер JPG у PNG призначений, щоб зафіксувати картинку перед редагуванням, а не щоб її виправляти.

PNG може мати альфа-канал — четверте значення для кожного пікселя, що вказує його непрозорість від 0 (невидимий) до 255 (суцільний). Завдяки цьому м’які тіні, згладжені криві й вирізані фото товарів добре виглядають на будь-якому тлі, тому логотипи, значки, стікери, накладки та графіка інтерфейсів зазвичай мають формат PNG. PNG також може зберігати палітру до 256 кольорів з прозорістю, що її часто називають PNG-8; вона робить прості значки особливо малими. У JPEG альфа-каналу немає взагалі: кожен піксель повністю суцільний, і формат не має способу позначити ділянку прозорою.

Тож коли PNG із прозорістю стає JPG, порожні ділянки чимось потрібно заповнити. Багато програм обирають білий, деякі чорний, а недбалий конвертер може залишити дивні темні облямівки там, де були напівпрозорі краї. Якщо потрібен JPG, обирайте заливку свідомо: конвертуйте PNG у JPG, встановивши для Прозорі ділянки білий, чорний або Власне колір, що збігається зі сторінкою чи слайдом, де з’явиться зображення. Зворотне самою конвертацією не працює. Білий фон у JPG залишається білим і в PNG; прибрати його — завдання редагування: виділіть тло й видаліть.

Саме за розміром файлу ці формати розрізняються найпомітніше, а напрям залежить від вмісту. Для фотографій JPEG із якістю 80–90 зазвичай у п’ять–десять разів менший за PNG із тими самими розмірами в пікселях, без помітної різниці на екрані телефона чи ноутбука. Для плоскої графіки порядок може змінитися: логотип, діаграма чи скриншот тексту часто дають менший PNG, ніж JPG, і PNG лишається ідеально різким, тоді як у JPG довкола кожної літери з’являються ореоли. Наведені нижче цифри — типові діапазони, а не вимірювання одного файлу; шум, деталізація та кількість кольорів зсувають їх угору чи вниз.

Розмір важить більше, ніж здається. Gmail обмежує вкладення 25 MB на лист, а Outlook.com — 20 MB, тож п’ять PNG-фото з телефона можуть не пройти, а п’ять JPG пройдуть легко. Багато державних порталів і сайтів іспитів обмежують завантаження кількома сотнями кілобайтів або менше. Вебсторінки завантажують кожен байт через мобільний інтернет, і завеликі PNG-фото — часта причина повільної сторінки. Коли JPG усе ще завеликий для порталу, поступове зниження якості зазвичай дає результат із меншими видимими змінами, ніж зменшення розмірів; посібник про зменшення розміру зображення в KB розглядає обидва підходи.

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

Подумайте також, що буде з файлом далі. Зображення, яке ви ще кілька разів редагуватимете, безпечніше тримати як PNG, бо кожне збереження JPG додає втрат. Зображення для форми, оголошення на маркетплейсі чи фотолабораторії зазвичай найкраще у вигляді JPG високої якості. Для власного сайту обидва формати тепер часто поступаються новішим: WebP і AVIF дають меншіші файли фото, ніж JPG, і підтримують прозорість, а всі сучасні браузери їх показують. Порівняння AVIF, HEIC і WebP розповідає, коли їх варто впроваджувати, а коли сумісність ще на боці JPG.

JPG — це формат, який приймає майже кожна форма завантаження. Системи подання на паспорт і візу, портали іспитів і роботодавців, страхові заяви, шкільні анкети та оголошення на маркетплейсах зазвичай першим називають JPG або JPEG, часто з обмеженням у кілобайтах і фіксованими розмірами в пікселях. Наприклад, онлайн-поновлення паспорта Держдепартаменту США вимагає фото у файлі JPEG. Підтримка PNG у таких формах поширена, але далеко не всюди, а WebP, HEIC і AVIF часто відхиляють узагалі. Якщо форма згадує лише JPG, фото чи скриншот у PNG потрібно конвертувати, а не перейменовувати, адже багато порталів перевіряють реальний вміст файлу.

Деінде потрібен саме PNG. App Store Connect очікує іконку застосунку в PNG 1024 × 1024 px, Google Play просить іконку PNG 512 × 512 px, а сервіси друку на замовлення, що наносять дизайн на футболки й чашки, зазвичай хочуть PNG з прозорим тлом, щоб було видно колір тканини. Генератори фавіконок, застосунки для стікерів і шаблони презентацій часто віддають перевагу PNG з тієї ж причини. У таких випадках JPG або відхиляють, або він виглядає неправильно: навколо дизайну з’являється білий прямокутник там, де тло мало зникнути.

Друк посідає проміжне місце. Фотолабораторії та кіоски приймають JPG усюди, а PNG — у багатьох, але не в усіх, і JPG, збережений із якістю 90 або вище, на звичайних розмірах друкується так само, як PNG. Для друку важливіші роздільна здатність, близько 300 пікселів на дюйм при кінцевому розмірі, і колір. Комерційні друкарні працюють у CMYK, який може зберігати JPEG, але не PNG, тому офсетні друкарні зазвичай просять PDF, TIFF або JPG високої якості, а не PNG. Якщо вагаєтеся, надішліть друкарні JPG з якістю 95.

Конвертація — це односторонній обмін, тому обирайте правильний напрям і зберігайте оригінал. PNG у JPG — звичайний вибір для форм і пошти: прозорість заповнюється суцільним кольором, розмір файлу для фото зазвичай різко зменшується, а тонкі краї трохи розм’якшуються. JPG у PNG роблять перед редагуванням або коли цього вимагає правило: нічого не покращується, а файл стає більшим, проте додаткових втрат уже немає. JPEG у JPG зовсім не змінює зображення; це лише виправляє розширення для програм, вибагливих до написання.

Усі три варіанти працюють у браузері. В UltKit ви додаєте до 20 файлів, кожен до 95 MB, обираєте цільовий формат і натискаєте Конвертувати в JPG або Конвертувати в PNG; нічого не потрібно встановлювати, обліковий запис не потрібен, а файли видаляються через 30 хвилин після обробки. На власному комп’ютері Paint у Windows і Preview на Mac можуть зберегти по одному зображенню як JPEG або PNG, але жоден не дає багато контролю над кольором тла, що замінює прозорість. На телефонах для будь-якого напряму зазвичай потрібен застосунок або вебсайт.

Результат визначає кілька налаштувань. Для фото, що йдуть у JPG, Якість від 80 до 90 збалансовує розмір і вигляд; для друку чи зображень із текстом ставте 95. Вмикайте Видалити метадані лише тоді, коли важлива приватність або розмір, адже дата зйомки й модель камери згодом можуть знадобитися. Якщо результат усе ще перевищує ліміт порталу, стискайте після конвертації, а не підбирайте низьку якість наосліп під час неї, так ви побачите реальний розмір файлу. Інструмент, орієнтований на розмір, як-от стиснути фото, знижує якість, доки файл не вкладеться в ліміт.