У чому різниця між JPG, PNG і GIF?

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

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

JPG (Спільна група експертів з фотографій)

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

JPG стають де-факто стандартним зображенням Інтернету, тому що вони можуть бути стислі. Типовий JPG може бути стиснутий у співвідношенні від 2: 1 до 100: 1, залежно від ваших налаштувань. Зокрема, ще в часи комутованого Інтернету, JPG-файли були єдиним життєздатним способом надсилання інформації про зображення.

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

Крупним планом високої якості JPG. Крупним планом дуже втрачених JPG.

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

Можна завантажити плагіни, які дозволяють користувачам відкривати та зберігати JPG2000 без втрат, а деякі програми, такі як програма перегляду Apple, можуть читати та зберігати JPG2000 безпосередньо з коробки.

JPG підтримують 24-бітний RGB і CMYK, а також 8-бітові градації сірого. Особисто я не рекомендую використовувати кольорові простори CMYK у форматі JPG. Також важливо відзначити, що JPG-файли Grayscale не стискати майже так само, як кольорові.

GIF (формат обміну графікою)

GIF, як і JPG, є старим типом файлів, і взагалі пов'язаний з Інтернетом, на відміну від фотографії. GIF означає "Graphics Interchange Format" (Формат обміну графікою) і використовує таке ж стиснення LZW без втрат, яке використовують зображення TIFF. Ця технологія колись була суперечливою (для питань, пов'язаних із застосуванням патентів), але стала прийнятним форматом, оскільки закінчився термін дії всіх патентів.

Крупним планом 8-бітний колір GIF.

GIF за своєю суттю є 8-бітним кольоровим файлом, що означає, що вони обмежені палітрою з 256 кольорів, які можна вибрати з RGB-моделі кольору і зберегти в таблицю Color Look Up (CLUT), або просто "Color Table". Є, однак, стандартні колірні палітри, такі як палітра "Web Safe". Важливо відзначити, що зображення відтінків сірого за своєю природою є 8-бітною палітрою, тому збереження їх як GIF є досить ідеальним.

Крім підтримки прозорості, GIF також підтримує анімацію, обмежуючи кожен кадр до 256 попередньо вибраних кольорів.

Хоча GIF не є втратою якості JPG, перетворення до 8-бітного кольору спотворює безліч зображень, використовуючи фільтри для оптичного поєднання, або "дифузні" кольори, подібні до напівтонових точок або точкового зображення. Це може радикально змінити зображення на гірше, або, в деяких випадках, використовувати для створення цікавого ефекту.

Завдяки цьому формату без втрат GIF можна використовувати для утримання жорстких ліній на типографіці та геометричних фігурах, хоча ці речі краще підходять для векторних графічних файлів, таких як SVG або рідний формат Adobe Illustrator, AI.

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

PNG (портативна мережна графіка)

PNG означає Портативну мережеву графіку (або, в залежності від того, кого ви запитуєте, рекурсивний "PNG-Not-GIF"). Він був розроблений як відкрита альтернатива GIF, яка використовувала власний алгоритм стиснення LZW, обговорений раніше. PNG є відмінним типом файлів для інтернет-графіки, оскільки він підтримує прозорість у браузерах з елегантністю, яку GIF не має. Зверніть увагу на те, як прозорий колір змінюється і змішується з фоном. Клацніть правою кнопкою миші зображення, щоб побачити його. Насправді це одне зображення на чотирьох різних кольорах фону.

PNG підтримує 8-бітний колір, як GIF, але також підтримує 24-бітний колір RGB, як і JPG. Вони також є файлами без втрат, стискаючи фотографічні зображення без погіршення якості зображення. PNG, як правило, є найбільшим з трьох типів файлів і не підтримується деякими (як правило, старшими) браузерами.

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

Які використовувати?

Зліва направо ці файли: 24-бітні JPG стислі, 8-бітові GIF, 8-бітні PNG, повна якість 24-бітні JPG і 24-бітні PNG. Зауважте, що розміри файлів збільшуються в цьому ж напрямку.

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

Коротко:

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

Зображення Keizersgracht, в Амстердамі Массімо Катарінелла через Вікіпедія, випущено під Ліцензія Creative Commons. Похідні зображення доступні за тією ж ліцензією. Я не хочу знати, хто створив танцювальну дитину.