Якщо ви намагаєтесь вибрати формат, у якому збережете своє зображення, використовуйте це правило, щоб вирішити: jpeg для фотографій або фотореалістичних зображень з великою кількістю кольорів; png для лінійного зображення, зображення з великою кількістю тексту або прозорі зображення; та GIF для анімаційних картинок.
jpeg | png | |
---|---|---|
Виступає за | Спільна група експертів з фотографій | Портативна мережева графіка |
Найкраще підходить для | Фотографії; фотореалістичні зображення з великою кількістю кольорів | Лінійне мистецтво; зображення з текстом; прозорі зображення |
MIME Тип | зображення / jpeg | зображення / png |
Розширення файлів | .jpg, .jpeg, .jpe | .png |
Тип формату | Формат зображення растрової графіки | Формат зображення растрової графіки |
Растрові / векторні | Растрові | Растрові |
Управління кольором | Так | Підтримується управління кольором завдяки включенню профілів кольорового простору ICC |
Індексований колір | Ні | Так (для 1-8-бітних png) |
Підтримка переплетення | Так | Так |
Підтримка анімації | Ні | Ні |
Підтримка прозорості | Ні | Так |
Підтримка метаданих | Так | Так |
Підтримка декількох сторінок | Ні | Ні |
Підтримка шарів | Ні | Ні |
Розширюваний | Ні | Ні |
Алгоритм стиснення | Стиснення втрат на основі DCT | Алгоритм стиснення без втрат DEFLATE |
Запатентований | Ні, але частини технології, включаючи методи її стиснення, були предметом багаторазових патентних позовів. | Ні |
Програми сумісні | Більшість веб-браузерів і продуктивних наборів | Більшість веб-браузерів і продуктивних наборів |
Магічне число | ff d8 | 89 50 4e 47 0d 0a 1a 0a |
Уніфікований ідентифікатор типу | public.jpeg | public.png |
jpeg та png схожі за кількома способами. Вони підтримують порівнянні рівні глибини кольору та підтримують метадані, переплетення та управління кольором. Ні формат підтримує анімацію, шари або HDR.
Відокремлення обох полягає в тому, що png підтримують прозорість зображення, тоді як jpeg - ні. Крім того, кольорова індексація доступна для 1-8-бітних png, але взагалі не підтримується в jpeg.
Існує багато менш відомих альтернативних версій jpeg та png. Наприклад, jpeg не підтримують HDR, але є неофіційний jpeg-HDR. Існують навіть формати jpeg без втрат. І хоча png не підтримує анімацію, як це роблять GIF, є Apng, нестандартний зріз png, який дозволяє анімацію.
Проблема з використанням менш відомих версій jpeg та png зводиться до підтримки. Не всі браузери належним чином відображатимуть усі формати зображень (наприклад, Firefox підтримує Apng, але Internet Explorer цього не робить, а Chrome потребує розширення). У більшості випадків дизайнери повинні дотримуватися добре підтримуваних значень за замовчуванням, щоб не завдати шкоди користувачеві.
Камери DSLR зазвичай дозволяють фотографам зберігати свої зображення у кількох різних форматах графічних файлів, а саме RAW, jpeg та інколи TIFF. Хоча jpeg мають перевагу в меншому розмірі файлів, вони є втратними, провідні фотографи-професіонали віддають перевагу форматам TIFF або RAW для їх безпрецедентного або якісного стиснення втрат.
У постпродукції фотографи можуть налаштувати дані зображення RAW, а потім зберегти у новому, без втрат (але більш доступному) форматі файлу, наприклад, png. Формат файлів має значення, оскільки більшість друкованих служб прийматимуть jpeg та png, а іноді й TIFF, але лише деякі послуги друку працюватимуть із зображеннями RAW.
Більшість веб-сайтів використовують комбінацію jpeg та png (а іноді і GIF) у своїх проектах, оскільки jpeg та png використовуються з різних причин. У більшості випадків jpeg використовуються для великих зображень, як-от фотографій або великих, важко-графічних фонів веб-сайтів, оскільки втрачається природа jpeg дозволяє зменшити розмір файлів, тобто веб-сайти можуть завантажувати конструкції швидше. Програмне забезпечення для дизайну, як Adobe Photoshop, має інструменти, які можуть підказати дизайнерам, наскільки великий буде файл при використанні певного формату та коригуванні його налаштувань, перш ніж вони навіть збережуть зображення. Хоча png ніколи не призведе до меншого розміру файлу, ніж jpeg, якщо мова йде про великі зображення зі складними сценами, стиснення без втрат png іноді призводить до меншого розміру файлу для менших зображень, особливо тих, які мають комп'ютерну графіку (наприклад, рядок або квадрат, намальований у Photoshop).
Там, де найчастіше використовуються png, є невеликі зображення, як веб-іконки, де стискання без втрат забезпечує чіткі та чіткі зображення; png також використовуються, коли для оточення центрального зображення потрібен прозорий фон (наприклад, при використанні спрайтів).
jpeg і png використовують абсолютно різні методи стиснення. jpeg використовує метод стиснення втрат на основі DCT, який жертвує якістю на користь менших розмірів файлів. png надає пріоритет якості та використовує алгоритм стиснення DEFLATE без втрат. Розмір файлу jpeg можна зменшити, відрегулювавши відсоток якості зображення під час збереження, тоді як розмір файлу png менш легко регулюється і зазвичай потрібна окрема програма для подальшого стиснення зображення.
Перегляньте наступне відео, щоб дізнатися, як різні способи стиснення впливають на розмір файлу, глибину кольору та завантаження зображення в jpeg та png.
Оскільки вони є втратними, jpeg не слід редагувати та відновлювати кілька разів, оскільки це призведе до серйозної деградації зображення (збереження за один сеанс, не закриваючи файл між збереженнями, добре). jpeg, які були відновлені багато разів, стають піксельними і не відображають кольори точно. На відміну від цього, png можна зберігати та відновлювати, не втрачаючи якості. Це відео показує втрати цього покоління за 600 заощаджень.
Завдяки універсальній підтримці браузера для прозорості png протягом останніх декількох років, png набули популярності, особливо для певних елементів веб-дизайну. Однак переважна більшість трильйонів зображень в Інтернеті, багато з яких фотографії чи мистецтво, все ще є jpeg, і це, швидше за все, не скоро зміниться.
Численні компанії, в тому числі багато патентних тролів, заявляють, що мають патенти на ту чи іншу форму технології jpeg. Це призвело до численних судових процесів протягом останніх років, останні останні відбулися в 2013 році, коли компанія на ім'я Princeton Digital Image Corporation подала до суду на десятки великих іменних компаній, включаючи Amazon, Netflix та Costco, за використання jpeg зображення на їх веб-сайтах. Патентування методів стиснення є основною причиною того, що jpeg без втрат ніколи не став популярним. Мало хто хоче підтримати або використовувати такий jpeg, боячись не подати до суду.
png був розроблений для заміни GIF, який використовує метод стиснення, який раніше був запатентований Unisys. png використовують метод стиснення DEFLATE, який не патентований, таким чином усуваючи страх порушення патенту.