Майже будь-який дизайн-проект немислимий без зображень. Хоча затребуваність графічного зображення набагато ширша. Знати специфіку кожного формату зображень потрібно не тільки дизайнерам, фотографам, різним діячам мистецтв, але також програмістам і звичайним користувачам.
Що таке формат графічного файлу
Графічний формат – це спосіб організації та зберігання даних у файлі, який містить графічне зображення.
Кожен графічний формат визначає структуру файлу, спосіб кодування та зберігання зображення, властивості, що підтримуються (наприклад, прозорість, стиснення, колірну гаму) та інші характеристики, які визначають, яким чином зображення буде відображатися і оброблятися на комп'ютері. Різні графічні формати можуть бути більш-менш відповідними в залежності від конкретного завдання або вимог, тому важливо вибирати формат з урахуванням цілей та контексту використання зображення.
На що впливають різноманітні графічні формати?
- Збереження зображення
- Точність кольору
- Якість зображення
- Стиснення зображення з втратою якості або без
- Підготовку друку у поліграфії
- Можливість відкрити отриманий макет у тій чи іншій програмі
- Швидкість завантаження сайту або програми
- Можливість інтерактивності.
Усі формати поділяються на дві великі категорії – растрові та векторні. Різниця між ними колосальна ↓
Растрові формати зображень
Растрове зображення – це своєрідна мозаїка, що складається з безлічі точок (пікселів). Чим більше таких точок, тим вища роздільна здатність, тобто якість картинки. Саме в цьому форматі створюється більша частина зображень, якщо немає потреби в масштабуванні. Найпопулярніші растрові формати:
PNG
Головна особливість Portable Network Graphics (PNG) – прозорість. Його напрямок – робота з обмеженою кольоровою гамою та вирішення простих завдань без градієнта. Формат дозволяє стиснути зображення, зберігаючи якість, та сумісний практично з усіма програмами та браузерами. Це важливо, оскільки далеко не всі формати мають таку сумісність. PNG не використовують у поліграфії, тобто для друку він не придатний. Його сфера — веб-дизайн та електронні документи, які не потребують друку. Нерідко його використовують як проміжний етап при створенні повноцінних картинок для друку у колажах та інших творчих проектах. Також він корисний для тривалого зберігання зображень без втрати якості.
JPEG
Формат було розроблено комітетом Joint Photographic Experts Group, початкові літери якого увійшли до абревіатури. Відмінна властивість JPEG – хороша стисливість і збереження складних переходів (тіней, напівтіней, напівтонів). Зазвичай його використовують для опублікування фотографій. Це більш виграшний варіант, ніж PNG, оскільки JPEG займає менше місця. JPEG сумісний із усіма браузерами. Відсутність прозорості – один із мінусів цього формату. Погіршення якості при кожному стисканні також не тішить. При цьому JPEG можна застосовувати для друку, його використовують для пересилання файлів у месенджерах.
Чим відрізняється JPEG від JPG?
Формат JPEG відрізняється від JPG лише однією додатковою літерою в назві. Однак це два різні варіанти позначення одного і того ж формату зображення. Чому ж існують обидва варіанти найменування? Справа в тому, що в старих операційних системах максимальна довжина розширення файлів була обмежена трьома символами.
GIF
Graphics Interchange Format – анімаційний формат. У цьому його головна особливість для цього GIF і створювався. Хоча статичну картинку у GIF також можна зберегти. Формат не універсальний, оскільки його кольорова гама обмежена 256 відтінками. При цьому він підтримує прозорість та сумісний з усіма браузерами.
RAW
«Сирий» формат, який містить метадані зображення. Спочатку у цьому форматі створюються знімки з камери. RAW нескладно обробити (наприклад, змінити яскравість, контраст, баланс білого). Для цього використовують лише дві програми – Photoshop та Lightroom. У форматі дві важливі особливості — велика вага та висока якість. Для друку RAW непридатний. Існує велика кількість дозволів RAW, кожне з них відповідає певним виробникам фотокамер, наприклад:
- .cr2 – використовується камерами Canon
- .nef – призначено для фотокамер Nikon
- .arw — використовуються для камер Sony
- .orf – для фотокамер Olympus
До речі: компанією Adobe було запропоновано універсальний формат .dng, який можна використовувати з різними фотокамерами. На даний момент підтримку файлів цього розширення включили до своїх камер компанії: Pentax, Hasselblad, Samsung, Leica, Sigma, Ricoh.
TIFF
Спеціальний формат друку. Щодо цього він має багато переваг:
- зображення можна стиснути без втрати якості
- при стисканні зберігаються всі особливості оригіналу
- одночасно підтримує кілька шарів
- можливе поєднання растру та вектора.
При цьому TIFF підтримується не всіма програмами та довго завантажується. Для роботи з таким форматом зазвичай вибирають Photoshop.
BMP
Формат високої якості для деталізованих картинок із додатковими розширеннями.Файли BMP містять докладні несжаті дані про кожен піксел зображення, включаючи його колір, розташування, часткову прозорість. А також підтримують різні глибини кольору, включаючи чорно-білий, сірий, індексований та повнокольоровий. Має підтримку Windows і може бути відкритий простим подвійним кліком файлу. З мінусів – великий обсяг файлу.
ICO
ICO формат зазвичай містить один або кілька значків різних розмірів та дозволів найчастіше квадратного формату 16, 32 або 48 пікселів. Формат підтримує прозорість і найчастіше використовується для створення іконок у Windows і для створення фавіконів (іконок вкладок браузера) поряд з PNG та JPG. Ось приклад програм, які можуть відкрити формат ICO: Adobe Photoshop, Microsoft Paint, Windows Picture.
PSD
PSD — це проміжний формат для роботи у Photoshop. Відкривається лише у програмах компанії Adobe. PSD-файли можуть містити не тільки зображення, але й різні шари, маски, налаштування, текст, анімації та інші елементи, які використовуються при створенні та редагуванні зображення. Особливість формату PSD полягає в тому, що він підтримує шари, що дозволяє користувачеві працювати з кожним елементом зображення незалежно, змінювати порядок, застосовувати різні ефекти. Завдяки цьому формат PSD ідеально підходить для завдань, що вимагають високого ступеня контролю над кожним елементом, наприклад створення складних багатошарових композицій, ретушування фотографій, створення ілюстрацій.
WebP
Невелика вага, підтримка прозорості – основні особливості WebP. З його допомогою можна на 1/4 зменшити вагу файлів, створених у форматах PNG та JPEG. Втрати якості при стисканні незначні. Його часто використовують програмісти для додаткового завантаження зображень на сайт.Підтримується багатьма сучасними браузерами.
HEIF
Новий формат з ефективнішим стисненням, ніж JPEG. У цьому полягає його головна особливість. У HEIF можна створити зображення з високою роздільною здатністю, але меншою вагою. Розшифровка абревіатури дає комбінацію "High-Efficiency Image File", що означає "зображення високої ефективності". Формат розширює можливості фотографів та програмістів. Його потенціал можна порівняти з можливостями RAW. Також він підтримує анімацію, зберігає метадані і може зберігати різні типи зображень.
AVIF
AVIF – конкурент формату HEIF. Можливості аналогічні, але глибина кольору, ефективне стискування (з втратами і без), квантування зображення – його прерогатива. Мінуси, безумовно, присутні. Головний – обмеженість підтримки браузерами та програмами.
Векторні формати зображень
Векторний формат підпорядковується математичним формулам. Картинки створюються за допомогою кривих із заданою траєкторією. Складається така картинка з контуру та заливання кольором. Точна деталізація у векторі неможлива. Завдання цієї графіки – лаконічність, яку використовують для створення логотипів та значущих елементів інтерфейсу.
Вага такого зображення набагато легша, ніж у растру. Але головна особливість (вона ж перевага) – масштабованість. Вектор можна стискати та розтягувати до великих величин, не втрачаючи якість. Тобто воно завжди залишається тим самим.
SVG
Призначення формату можна порівняти з растровим PNG, але в області вектора. Тобто він працює з обмеженим спектром кольорів та відтінків. Оскільки це формат векторної графіки, він дозволяє масштабувати зображення без втрати якості та змінювати окремі елементи довільно. Використовується для створення логотипів та ілюстрацій, а також у веб-дизайні та веб-розробці.
Найпоширеніший формат векторної графіки. При цьому затребуваний і популярний. На відміну від інших векторних форматів, PDF простий у роботі. Його призначення – робота з документами, створення електронних брошур та презентацій. Переваг у PDF багато:
- легко відкривається та скачується у браузері
- адаптований до друку
- підтримує багатосторінковість
- поєднує шари – растрові та векторні.
Але є й недоліки:
- обмежений набір програм для роботи
- втрата якості при конвертуванні.
EPS
Формат для графічних дизайнерів створений розробниками Adobe Illustrator. EPS використовується для створення малюнків, ілюстрацій та логотипів. Точна передача кольору дозволяє використовувати його для друку під час створення макетів. Підтримує різні шари, що дозволяє комбінувати їх під час верстки друкованих видань. Масштабування та можливість зміни елементів – головні особливості та переваги формату. Однак навіть невелика картинка, створена у форматі EPS, займає значно простір, тому браузери не підтримують завантаження таких файлів. Тобто перед публікацією файлу його доведеться перевести у легший формат — векторний SVG або растрові PNG, JPEG, WebP.
AI
Аналог формату EPS також створений розробниками Adobe Illustrator. Але цей формат підтримує прозорість. AI підходить для верстки, створення малюнків та ілюстрацій. Головна особливість — можливість одночасного створення різних робочих областей, що є цінним при верстці сайту. Однак із растровими зображеннями він несумісний. Виникають проблеми з експортом. Для цього необхідно встановити плагін або перенести зображення до іншого формату. Пріоритетні зони для роботи та перегляду – Adobe Illustrator, Adobe Photoshop, Corel Paint Shop Pro та Adobe Reader.
CDR
CDR створювався для професійних платформ CorelDRAW Graphics Suite та Corel Paintshop Pro. Сам CDR містить стислий та закодований файл, відкрити який дозволяють лише вказані вище програми. CDR призначено для великих графічних проектів. У цьому є його перевага. Реклама, ілюстрації – основний спектр завдань цього формату. Висока роздільна здатність – особливість і гідність CDR. Масштабування застосовується апріорі. Формат призначений виключно для дизайнерів та програмістів.
Як конвертувати один формат в інший
Для конвертації одного формату в інший (растрового у векторний та навпаки) використовують різні сайти та спеціалізовані програми. Про те, що така конвертація можлива, здогадатися нескладно. Але тут одразу виникають питання. Їх буде менше, коли йдеться про конвертацію растрового векторного формату в растровий, і дуже багато у випадках «навпаки», пояснимо:
- При переклад векторного файлу в растровий достатньо зберегти зображення у потрібному форматі. Робиться це швидко, буквально в один клік. Тут автоматично зберігаються вихідний розмір та задане розширення. Працювати з отриманим файлом буде нескладно, хоча властивості його дещо зміняться – реакція на стиск і можлива більша підсумкова вага.
- Переклад растру у вектор набагато складніше. Для цього існує низка вимог до вихідного зображення. Воно має бути з високою роздільною здатністю та великого розміру. Інакше кінцева картинка втратить чіткість, тобто контур її розпливеться. Вирівняти контур вручну буде проблематично. Крім того, складні колірні переходи та деталі будуть втрачені.
Важливо, що для будь-якої конвертації потрібен додатковий інструмент — спеціалізована програма або сайт. Тому й про них скажемо кілька слів.
Вбудовані функції графічних редакторів
Багато форматів можна конвертувати безпосередньо всередині графічного редактора, в якому ви працюєте, наприклад:
- Figma: Ви можете вільно виділені елементи (окремі елементи, цілі області або груповані об'єкти) експортувати в JPG, PNG, SVG, PDF. Однак зазначимо, що якщо в елементах буде присутній растровий формат зображень, то вони також залишаться растровими і у форматі SVG.
- Adobe Photoshop: ви можете перетворити файл, в якому ви працюєте, JPEG, PNG, PSD, SVG, GIF або TIFF.
- Adobe Illistrator: JPEG, PNG, BMP, PSD, SVG, TIFF, WebP та інші.
Сайти
Онлайн-конвертори, розміщені на сайтах, вигідно використовувати під час роботи з растровими зображеннями, особливо коли йдеться про PDF. Але це можуть бути будь-які растрові файли. Для роботи з конкретним форматом достатньо ввести в пошуку потрібний запит і всі платформи будуть доступні. Це може бути як платні, і безкоштовні ресурси. Найпопулярніші на сьогоднішній день – безкоштовні платформи Convertio та Online-Convert.
Спеціалізовані програми
Ці програми використовують для серйозної роботи, частіше з конвертацією растру у вектор. Самі по собі програми досить важкі, тобто для їхньої установки знадобиться пристойна потужність. Завантажують такі програми з AppStore та Google Play. Альтернатива (сторонні сайти) не вітається.
Рекомендовані програми для конвертації:
- JPEG PNG
- Convert JPG, PNG to PDF
- Mage Converter PDF/JPG/PNG.
Проблеми, лайфхакі
Проблеми виникають у той момент, коли конвертацію приступають не подумавши, припустивши, що графічний редактор самостійно все «зрозуміє». Але думати має людина, а не графічний редактор. Тому для початку потрібно чітко визначити:
Після цього аналізуємо – яку програму необхідно використовувати, чи достатньо буде онлайн-редактора. Чому це важливо? Тому що якість можна втратити та не повернути. Найчастіше складаються з переведенням у вектор, коли працюють над масштабним проектом. Тут потрібна особлива підготовка, тому краще скористатися порадою професіонала одразу, не відчуваючи власні ресурси.
Будь-яка цифрова фотографія по суті це програмний файл, в якому зберігається інформація про зображення, отримане оцифровкою кожної точки і про те, як і коли воно було зроблено. Структура даних цієї інформації називається форматом файлу фотографії або інакше файловим фото форматом.
Таких форматів існує багато, і всі вони належать до графічного типу. Відрізняються вони алгоритмом стиснення інформації, специфікацією та призначенням. Кожен формат файлів фотографій розроблявся для своїх цілей і підходить для них краще за інших. Наприклад, для зберігання зображень, обробки або їх розміщення в Інтернеті.
Отримати початкову цифрову фотографію можна одним шляхом. Треба спроектувати кадр майбутньої фотографії на матрицю, що складається з безлічі чутливих до світла фотоелементів, виміряти рівень сигналу кожного з них і записати всі ці значення файлу фотографії. Такий поділ фотографії окремі точки – пікселі називається растром, а формат її файлу – растровим (рис.1).
Рис.1 Будь-яка цифрова фотографія складається з окремих пікселів, інформація про які зберігається у файлі растрового формату.
Зробити файл фотографії растрового формату можна двома основними пристроями – цифровою фотокамерою чи фотосканером.Але кількість форматів, в яких можна зберігати файли фотографій, у них обмежена. Для отримання файлів фотографій іншого формату їх треба конвертувати у спеціальній програмі (рис.2).
Рис.2 Способи отримання цифрових фотографій растрових форматів.
Зміна формату файлу фотографії може знадобитися з різних причин. Наприклад, для зменшення розміру файлів фотографій, збереження максимальної якості зображення або можливості роботи з шарами. Є й інші причини, але у будь-якому випадку кожен формат файлу фотографії слід використовувати за призначенням.
Основні формати файлів фотографій
Імена файлів цифрових фотографій будь-якого фото формату так само як і програмні файли інших типів складаються зі змінюваної частини, точки та розширення. Розширення файлів фотографій завжди незмінне і може складатися з трьох або чотирьох символів, за якими визначається тип файлу або назва формату. Наприклад, jpeg, cr2, tiff, psd, gif (рис.3).
Рис.3 Розширення файлу фотографії вказує на його формат.
Універсальним форматом для файлів цифрових фотографій є JPEG. Це найпопулярніший растровий формат, який використовується для збереження фотографій у різних типах фототехніки. З ним зручно працювати у різних фоторедакторах та використовувати його для перегляду фотографій у всіх технічних пристроях. Головний його недолік – втрата якості зображення за збереження файла (рис.4).
Рис.4 Втрата якості зображення при збереженні файлу у форматі JPEG.
Крім формату JPEG, у дорогій фототехніці часто використовується формат RAW. У файлі цього формату зберігається повна інформація про зображення та про всі налаштування фотоапарата, з якими воно було зроблено.Це дає величезні переваги при обробці фотографій і дозволяє усувати багато помилок фотографування (рис.5).
Рис.5 Використовуючи спеціальну програму у файлах фотографій формату RAW, можна змінювати налаштування фотоапарата.
Формат RAW – це загальна назва кількох форматів використовуваних у фототехніці різних виробників. Кожен такий формат має свої особливості та не є уніфікованим. Для того, щоб привести всі існуючі формати RAW до єдиного стандарту, було розроблено формат DNG. Насправді це той самий формат RAW, але в нього розмір файлів менше і немає додаткових текстових файлів (рис.6).
Рис.6 Файли однієї і тієї ж фотографії у форматі RAW та DNG мають різні розміри та способи зберігання текстової інформації.
У тих випадках, коли потрібне збереження результатів обробки кольору, шарів, каналів, масок або інших атрибутів редагування фотографій, використовується формат PSD. Це внутрішній формат файлів Photoshop, в якому слід зберігати всю інформацію про зміну фотографій після фотозйомки (мал.7). Основний недолік цього формату – обмежене застосування.
Рис.7 У файлах формату PSD зручно зберігати інформацію про редагування фотографій (приклад файлу).
Формат TIFF – це ще один формат файлів, який використовується для зберігання цифрових фотографій. Він дозволяє зберігати максимальну якість зображення, але при цьому розмір такого файлу буде найбільшим у порівнянні з іншими перерахованими форматами (мал.8). У цифровій фотографії він використовується для високоякісної роботи із кольором.
Рис.8 Порівняння розмірів файлів однієї фотографії, збереженої у різних фото форматах.
Розглянуті вище п'ять файлових фото форматів – JPG, RAW, DNG, PSD та TIFF вважаються основними для зберігання, обробки та перегляду цифрових фотографій. Але для ефективної демонстрації фотографій глядачеві такі формати не підходять. Для цього необхідно вибирати інші формати, розроблені для цієї мети.
Формати файлів для показу фотографій
Основне призначення всіх фотографій – це їх показ глядачеві. На відміну від паперових фотографій демонстрацію багатьох цифрових фотографій можна зробити доступнішими та цікавішими, використовуючи відповідні формати файлів. Наприклад, фотографії можна анімувати та розмістити в мережі Інтернет, накласти на них музику, текст та різні спецефекти.
Найзручніший спосіб показати фотографії великому числу глядачів це розмістити в мережі Інтернет – на фото сайтах, у соціальних мережах чи хмарі (рис.9). При цьому формат файлів фотографій повинен бути таким, щоб їх розміри були якомога меншими, а зображення мало б гарну якість. Для цього є три відповідні формати.
Рис.9 Приклад розміщення цифрових фотографій у хмарі Яндекс Диск.
Основним форматом для розміщення фотографій в Інтернеті є той самий JPEG, але з великим ступенем стиснення інформації. З цією метою він підходить ідеально. Файл фотографії у цьому форматі розміром 600 на 900 пікселів можна стиснути до 50 – 70 кб і зображення зовні виглядатиме нормально.
Другий популярний формат, створений для швидкої передачі растрових зображень мережами, є GIF. Цей формат дозволяє значно стискати цифрові файли без втрати якості зображення. Крім того, у цьому форматі можна зберігати анімацію та прозорість шару зображення (рис.10). Основний недолік формату GIF це обмеження передачі кольору.
Рис.10 Файл фотографії формату GIF з анімацією.
(наведіть курсор на зображення)
Для більш якісної передачі кольору в Інтернеті був розроблений формат PNG. Цей формат має більш високий ступінь стиснення без втрати якості графічної інформації на відміну від формату JPEG і може зберігати необмежену кількість кольорів, на відміну від формату GIF. Крім того, файли формату PNG можна використовувати як альтернативу формату TIFF для редагування фотографій.
Використовуючи всі перелічені вище формати файли фотографій можна зберігати та переглядати окремо. Але є й інший спосіб. Якщо фотографії об'єднати та зберегти у відео форматі, вони стануть одним файлом. При цьому з них можна зробити гарне слайд-шоу з музикою, текстом та спецефектами. Для цього підходять кілька форматів: MPEG4, MOV, AVI, WMV, FLV (рис.11). Але це ще не всі формати.
Рис.11 Приклад слайд-шоу з фотографій у форматі MPEG4.
(перегляд файлу)
Для збереження та перегляду цифрових фотографій одним файлом також можна використовувати найпопулярніший книжковий формат PDF. У такому форматі можна зберігати фотографії як в одному фотоальбомі. Це дає можливість створити для них інтерактивне меню швидкого пошуку або переглядати фотографії як слайд-шоу (рис.12).
Рис.12 Приклад зберігання цифрових фотографій у PDF-файлі.
(перегляд файлу)
Ось, мабуть, і все, що стосується загального огляду форматів файлів, в яких слід зберігати цифрові фотографії. При підборі форматів для якихось конкретних цілей про них треба знати більше – особливості, переваги, недоліки. Докладніше про кожен такий формат читайте в наступних статтях.