Що таке PNG? Формати зображень SVG, PNG і JPG: плюси і мінуси Png який формат

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

Коротенько про самої причини появи цього формату зберігання зображень ...

4 січня 1995 була висловлена ідея створення безкоштовного формату замість платного GIF-а, а вже в грудні того ж року новий формат PNG був уже готовий і запропонований на розгляд. Формат GIF в той час дозволяв отримувати дуже маленькі файли, які було зручно використовувати на сайтах. Але колишній безкоштовним GIF несподівано став платним - власник патенту на нього, компанія «Unisys Corporation», намірилася брати гроші за кожне зображення, яке використовує цей формат. Це і стало причиною розробки безкоштовного формату, який отримав назву PNG - абревіатура від англійського виразу «portable network graphics». Як видно з назви, призначений він для застосування в мережі, з огляду на файлів невеликого об'єму, що дозволяє швидше завантажувати сторінки з графікою.

Які ж переваги і недоліки має формат PNG в порівнянні з іншими, особливо з головним своїм конкурентом - форматом GIF? Відмінностей дуже багато, але про все по порядку ...

У форматі PNG використовується алгоритм стиснення під назвою Deflate, який сам по собі є вільно поширюваним, тобто абсолютно безкоштовним. Цей алгоритм працює за принципом звичайного архіватора, ефективно стискає інформацію про кольорову гаму кожного пікселя, і саме він дозволяє отримувати досить невеликий файл. Крім того, в цьому форматі можна зберігати повнокольорові зображення, тобто ті, в яких використовується до 48 біт на кожен піксель - а це дуже велика кольорова гама, навіть більше, ніж здатний сприймати очей людини. Формат GIF ж дозволяє використовувати тільки 256 кольорів і відтінків - досить для найпростіших картинок, але дуже мало для фотографічної якості.

У форматах PNG, GIF і TIFF використовується так званий альфа - канал. Це означає, що можна робити деякі ділянки картинки прозорими. При цьому в форматі GIF це зроблено дуже просто - просто один з кольорів на вибір призначається прозорим і при перегляді зображення його просто не видно - так можна робити прозорий фон. Формат TIFF більш продуманий в цьому плані, але його дуже рідко використовують - надто вже великий розмір файлів виходить. А ось в форматі PNG альфа - канал зроблений з розумом - там прозорість не тільки є, але має ще й 256 градацій яскравості. Тобто можна легко зробити перехід від повністю прозорого фону до повнокольорове зображення, і отримати при цьому красиві ефекти. Особливо красиво це виглядає на сайтах. Якщо ж прозорість не потрібна, можна просто її не використовувати при збереженні картинки і отримати файл ще меншого обсягу.

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

Якщо формат PNG такий хороший, то чому він не став надпопулярним? Відповідь проста - його слабо підтримали розробники інших програм. Особливо вплинуло те, що більшість користувачів Інтернету користувалися браузером Internet Explorer, А він-то і «не розумів» зображення в форматі PNG, хоча розробники інших браузерів відразу ж вбудували в них таку підтримку. Ситуація виправилася, тільки коли з'явився Internet Explorer 7, але час «розкрутки» вже давно минуло.

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

PNG (Portable Network Graphics), вимовляється як «ping» - растровий формат зберігання графічної інформації, що використовує стиснення без втрат. PNG був створений як для поліпшення, так і для заміни формату GIF графічним форматом, що не вимагає ліцензії для використання. PNG є міжнародним стандартом (ISO IEC 15948: 2003) і офіційне рекомендований W3C.

Формат PNG зберігає графічну інформацію в стислому вигляді. Причому це стиснення проводиться без "втрат", на відміну, наприклад, від стандартного JPEG (навіть з максимально високим рівнемякості).

Формат PNG спроектований для заміни застарілого і більш простого формату GIF, а також, в деякій мірі, для заміни значно складнішого формату TIFF.

Якщо ми говоримо про веб дизайні, то в порівнянні з GIF він має такі основні переваги:

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

Як недолік варто звичайно відзначити відсутність підтримки анімації, на зразок GIF. Хоча звичайно для анімації і існує подібний стандарт під назвою Multiple-image Network Graphics (MNG), однак він не набув значного поширення і відповідно не підтримується масово сучасними браузерами.

Файл з розширенням PNG є файлом формату Portable Network Graphics. Формат використовує стиснення без втрат і зазвичай вважається заміною формату зображення GIF. Однак, на відміну від GIF, файли PNG НЕпідтримують анімацію. Проте, існує дуже схожий формат MNG (мережева графіка з декількома зображеннями), але цей формат не набув такої популярності, як файли GIF або PNG.

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

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

Як відкрити файл PNG

Як конвертувати файл PNG

Ймовірно, що кожен конвертер файлів зображень, з яким ви працюєте, зможе перетворити файл PNG в інший формат(Наприклад, ICO, GIF, BMP, TIF і т.д.). З цим також легко впораються деякі онлайн-конвертери PNG, такі як FileZigZag і Zamzar.

Інший варіант перетворення PNG-файлу- використовувати засоби перегляду зображень, про які я вже згадував. Хоча вони існують головним чином як «відкривачки» різних типівзображень, деякі з них підтримують збереження / експорт відкритого PNG-файлу в інший формат зображення.

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

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

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

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

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

Додаткова допомога з файлами PNG

Щоб зробити фон прозорим у форматі PNG, ви можете використовувати автоматичні інструменти, такі як Clipping Magic - безкоштовний інструмент для видалення фону або майже будь-яку програму для редагування зображень.

Наприклад, якщо у вас є Photoshop, помістіть зображення в його власний шар, видаліть фоновий шар, а потім використовуйте будь-який інструмент (наприклад, Eraser, Marquee, Lasso), щоб стерти частини зображення, які повинні бути прозорими.

Коли справа доходить до створення зображень для Інтернету та інших цифрових цілей, які формати файлів можуть надати вам кращий результат? Ви повинні думати про швидкість на противагу якості і розміру зображення. Отже, що ви повинні використовувати: SVG, PNG або JPG?

Був час, коли ви просто використовували JPG, щоб відповідати простору на 72 dpi і рухалися далі. Вже немає. Екрани з високою роздільною здатністю, кілька видових екранів і необхідність мати швидкий веб-сайт зробили все це набагато більш складним процесом. Давайте розглянемо плюси і мінуси кожного з цих форматів!

SVG

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

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

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

плюси SVG

Векторний формат добре відображається в будь-якому розмірі
Можливість створення простих SVG-візуалізації в коді або текстовому редакторі
Дизайн і експорт складної графіки з Adobe Illustrator або Sketch
Доступний текст SVG
SVG легко стилізувати і написати
Формати SVG підтримуються сучасними браузерами і відповідають завтрашнього дня
Формат дуже стискається і легкий
Добре підходить для пошуку через текстового формату
підтримка прозорості
Дозволяє зберігати нерухомі або анімовані зображення

мінуси SVG

Дизайн SVG може ускладнитися
Чи не відображається в деяких застарілих браузерах
Обмежена підтримка поштових клієнтів

PNG

PNG або портативна мережева графіка - це формат, розроблений для Інтернету, який пропонує те, що JPG не може - прозорість. Саме тому PNG настільки популярний для завантаження таких елементів, як логотипи для дизайну веб-сайтів.

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

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

плюси PNG

підтримка прозорості
Підходить для зображень з текстом
Формати PNG добре відображають логотипи
Включає вбудоване текстовий опис для пошукових систем
PNG-8 має невеликий розмір файлу і є найлегшим
Експорт без нерівних країв

мінуси PNG

Розміри файлів швидко ростуть для великих файлів, Таких як зображення
деякі старі поштові клієнтимають проблеми з їх візуалізацією
ні анімації
Файли PNG-24 можуть бути більшими, що не зовсім добре і зручно для обміну через Інтернет

JPEG

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

JPG також пропонує можливість вибрати, яким стиснення зображення повинно бути від 0% (сильне стиснення) до 100% (без стиснення). Більшість дизайнерів вибирають щось в діапазоні від 60 до 70 відсотків. Зображення як і раніше добре виглядають на цьому рівні стиснення, але розміри файлів значно менше.

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

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

плюси JPEG

Дуже добре підходить для многоцветности і фотографії
Легко зменшити розмір файлу
Узгоджено відображається в поштових клієнтах

мінуси JPEG

немає прозорості
Створює нерівні краї для тексту
без анімації
Формат з втратами
Автоматичні метадані для пошуку не повинні містити інформацію alt

Який формат слід використовувати?

Тепер, коли ви знаєте, які деякі відмінності між SVG, PNG і JPG, що з них ви повинні використовувати?

Ви можете задати собі кілька наступних питань, щоб отримати на це відповідь.

Вам потрібен векторний або растровий формат?

Вектор: SVG

Растр: JPG або PNG

Вам потрібна прозорість?

Так: SVG або PNG

Ви використовуєте багатобарвне зображення?

Так: JPG або PNG

Це велика фотографія?

Чи містить зображення текст?

Стиснення без втрат важливо для вас?

Так: SVG або PNG

Чи потрібно оновлювати і перенастроювати графіку?

Ні: PNG або JPG

Ви використовуєте анімацію?

Ні: JPG або PNG

висновок

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

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

Всім успішної роботи і творчості!

PNG (Portable Network Graphics) - графічний формат растрового типу, що містить 8-бітну колірну палітру. Розроблений для PNG-файлів алгоритм стиснення Deflate зменшує розмір зберігається зображення без втрати якості підсумкової картинки.

У цій статті ви також дізнаєтесь ніж відкрити файл PNG.

характеристика

PNG - друге за популярністю інтернет-форматом після JPG.

Серед інших переваг варто відзначити:

чересстрочную верстку;
вбудовану програмну корекцію кольорової палітри і гами.

Остання дозволяє вшити в зображення всі необхідні параметри відображення, щоб воно на всіх екранах виглядало так, як задумував автор.

У формату 2 версії:

PNG-8 (індексна колірна гамма схожа з такою в GIF);
PNG-24 (повноцінна і повнокольоровий палітра, що імітує JPEG).

Історія виникнення

У 1995 році, в епоху розвитку вільного інтернету, різко постало питання про пропрієтарних складного формату GIF. Був необхідний настільки ж надійний але безкоштовний і вільний формат для обміну графічними даними у всесвітній павутині. В цей час на міжнародному консорціумі W3C були представлені специфікації PNG 1.0, затверджені вже в 1996.

Формат створювався як альтернатива GIF. Останній до 2004 року був «закритим», т. Е. Мав ряд обмежень для вільного використання (вимагав авторських прав власника при збереженні, патентні ліцензії при розміщенні). PNG позбавили подібних недоліків, при цьому реалізували підтримку глибини кольору до 48 біт і 8-бітного альфа-каналу для передачі картинки.

Розробникам вдалося створити плавну прозорість кольорів, неможливу в GIF. В останньому палітра обмежена 8-бітовим каналом (256 квітів) і підтримкою лише повної прозорості.

Чим відкрити файли формату PNG

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