використання JPG для фотографій і PNG для графіки, скріншотів і прозорості. Це єдине правило вирішує більшість рішень щодо формату. Причини цього зводяться до цифр: 12-мегапіксельна фотографія, збережена у форматі PNG, важить від 2 до 8 МБ, тоді як така ж фотографія у форматі JPG займає від 200 до 800 КБ, без різниці, яку ваше око може помітити. Переверніть вміст, однак, і перевага перевернеться разом із ним. Рівнокольоровий логотип, збережений у форматі JPG, має нечіткі ореоли по краях, яких ніколи не створює PNG. У цьому посібнику пояснюється, що насправді робить кожен формат, де кожен з них ламається та який вибрати для фотографій, логотипів, знімків екрана, друку та Інтернету.

Що таке файл PNG?

PNG означає Портативна мережева графіка, формат, випущений у 1996 році як безпатентна заміна GIF. Він стискає без втрат за допомогою алгоритму DEFLATE, того самого методу, який використовують ZIP-архіви, тож кожен окремий піксель витримує збереження та повторне збереження без змін. PNG також містить альфа-канал, четверте значення на піксель, яке контролює непрозорість від повністю невидимого до повністю суцільного. Існують два поширені варіанти: PNG-8 обмежує палітру до 256 кольорів і зберігає крихітні файли для простої графіки, тоді як PNG-24 зберігає мільйони кольорів для більш насичених зображень. Скріншоти, логотипи, піктограми, діаграми та макети інтерфейсу — усе це сприяє сильній стороні PNG. На фотографіях немає, і тут його суперник бере верх.

Що таке файл JPG?

JPG (ідентичний JPEG, скорочення від Об’єднана експертна група з фотографій) прибув у 1992 році та був розроблений для однієї роботи: створення маленьких фотографій. Він ділить зображення на блоки 8 на 8 пікселів і відкидає кольорові деталі, які людський зір ледве реєструє, процес називається стисненням із втратами. Циферблат якості від 0 до 100 контролює, наскільки агресивним буде відкидання. У верхній частині циферблата втрата непомітна; унизу зображення стають блоковими. Торгівля має важкі витрати: JPG не має альфа-каналу, тому він не може зберігати прозорий фон, а дані, які він викидає, ніколи не повертаються. Наскільки ця торгівля насправді робить ваші файли меншими? Цифри вражають.

Розмір файлу: реальні цифри

Розмір файлу – це те, де два формати розходяться найбільш різко, і переможець повністю залежить від вмісту:

Фото зі смартфона: приблизно 4 МБ у форматі PNG, від 300 до 500 КБ у форматі JPG за якості 90. JPG виграє в десять разів.
Скріншот робочого столу на весь екран: від 2 до 5 МБ у форматі PNG, приблизно 400 КБ у форматі JPG. JPG виграє за розміром, хоча краї тексту трохи пом’якшуються.
Двоколірний логотип 500 на 500 пікселів: приблизно 8 КБ у форматі PNG-8, 25 КБ або більше у форматі JPG із видимим краєвим шумом. PNG виграє як за розміром, так і за зовнішнім виглядом.
Градієнтна діаграма: результати відрізняються, і варто перевірити обидва.

Таким чином, жоден формат не є універсальним «маленьким». Фотографічний вміст стискається значно краще, ніж JPG; плоска графіка з невеликою кількістю кольорів часто краще стискається як PNG. Розмір — це лише половина справи, тому що кожен формат виходить по-різному.

Якість зображення: коли кожен формат ламається

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

Прозорість і альфа-канал

У цьому порівнянні прозорість належить лише PNG. Його альфа-канал дозволяє логотипу плавати над сторінкою будь-якого кольору, тому веб-дизайнери за замовчуванням експортують ресурси інтерфейсу як PNG. Перетворіть цей файл на JPG, і прозора область має бути зведена до суцільного кольору, білого за замовчуванням у наш конвертер, доступні чорні та спеціальні заливки. Ми докладно розглядаємо механіку в нашому керівництво з прозорим фоном. Після встановлення трьох основних відмінностей вибір будь-якого файлу стає механічним.

Коли використовувати PNG

Скористайтеся PNG у таких ситуаціях:

Логотипи та іконки, де краї мають залишатися гострими як бритва за будь-якого рівня стиснення.
Скріншоти, які ви будете коментувати або редагувати, оскільки повторне збереження нічого не коштує.
Зображення, які потребують прозорості: водяні знаки, накладення, плаваюча графіка.
Діаграми, діаграми та текстові графічні елементи, де вкраплення стиснення зашкодить читабельності.
Майстер-копії будь-що, що ви можете змінити пізніше.

Коли використовувати JPG

Виберіть JPG для цих завдань:

Фотографії куди завгодно: Інтернет, електронна пошта, соціальні мережі, сховище.
Завантажити форми на державних порталах і сайтах вакансій, які часто вимагають JPG і встановлюють такі обмеження, як 100 або 200 КБ.
Вкладення електронної пошти, де пакет із десяти зображень має поміститися під стелю у 25 МБ, яку накладають Gmail і Outlook.
Зображення вмісту сайту, оскільки легші сторінки мають кращий рейтинг і конвертацію.
Архівування готових фотографій за якості 90 або вище, обмінюючи невидимі втрати на величезну економію пам’яті.

Що краще для вашого сайту?

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

Як конвертувати між PNG і JPG

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

PNG є вищою якістю, ніж JPG?

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

Що означає стиснення без втрат?

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

Який формат використовувати для логотипів, фотографій і скріншотів?

Логотипи мають формат PNG, фотографії – JPG, а знімки екрана залежать від призначення: зберігати PNG під час редагування, конвертувати у JPG для спільного використання чи завантаження.

PNG чи JPG для друку?

Або добре друкує з високою роздільною здатністю, але друкарні зазвичай віддають перевагу JPG тому що файли передаються швидше, і їхні кольорові конвеєри цього очікують. Експортуйте з якістю 95 або вище, щоб стиснення залишалося непомітним на папері.

Чому мої файли PNG такі великі?

Тому що Зберігання фотографічних деталей без втрат коштує дорого. Мільйони тонко різних кольорів не дають алгоритму DEFLATE майже нічого для стиснення, тому формат зрештою зберігає майже необроблені піксельні дані.

Чи покращує якість конвертація JPG у PNG?

немає Відкинутий деталь JPG зник назавжди, а обгортка PNG просто зберігає пошкоджену версію у більшому файлі.

Які формати зображень підтримують прозорість?

PNG, WebP, AVIF і GIF підтримувати прозорість; JPG і BMP – ні. PNG пропонує найплавніше альфа-змішування зі старих форматів.

Чи WebP кращий за PNG і JPG?

Щодо стиснення, так: Файли WebP працюють на 25-35 відсотків менше ніж еквівалентні JPG, а також підтримує прозорість. JPG все ще виграє в універсальній сумісності зі старішим програмним забезпеченням, тому обидва залишаються всюди.

Все ще вирішуєте? Пропустіть копію свого зображення через Конвертер PNG в JPG і порівняйте результат поруч з оригіналом. Правильна відповідь зазвичай стає очевидною за лічені секунди, і її перевірка не коштує нічого.