Зображення разом із текстовим вмістом є центральними елементами веб-сторінки. У галузі комп'ютерної графіки є два типи формату диференційовані від основи: векторна графіка та растрові зображення, які також називаються растровими зображеннями. Нижче ми пояснюємо, з чого складаються ці два варіанти та які сфери застосування походять від їх основних характеристик.
Растрове або растрове зображення
Мінімальною одиницею цього графічного формату є точка або піксель, якому присвоєно конкретне значення кольору. Оскільки в комп'ютерній графіці ці точки розподіляються по сітці або "растру" англійською мовою, зображення, що складаються з пікселів, зазвичай називаються растровими зображеннями або растровими зображеннями і визначаються двома центральними характеристиками: кількість точок або пікселів, що їх складають та інформація про колір що містить кожен піксель. Хоча перші визначають висоту і ширину графіка і, отже, його роздільну здатність, значення кольору та контрасту можуть бути визначені окремо для кожної точки.
Це робить растрові зображення ідеальним середовищем для рендерингу дуже детальних зображень. Серед найбільш класичних прикладів - фотографії, зроблені цифровою камерою, або зображення, створені за допомогою сканера. Складаючись із фіксованої кількості пікселів, їх якість та розмір залежать від загальної кількості пікселів. Чим більша кількість пікселів, що складають зображення, тим вища його якість (і роздільна здатність), тим більший відтворюваний розмір і тим більше місця для зберігання йому потрібно. Ця взаємозалежність між якістю зображення та кількістю пікселів означає, що зображення не можна масштабувати без втрати якості.
Векторні зображення
З іншого боку, векторна графіка складається не з точок, а з первинні графічні елементи як лінії, кола та криві. Вони називаються векторами, які визначаються математичними параметрами (координатами), такими як початкова точка, кінцева точка, радіус, довжина сторони, товщина лінії, колір та шаблон заповнення. Новітні програми векторного дизайну здатні навіть відтворювати кольорові переходи та прозорі плівки. Ці об'єкти цього не роблять визначені як вирівнювання за пікселями, але логічно ґрунтується на його якостях. Наприклад, для визначення простого кола потрібно лише положення середньої точки та радіус, а також колір і товщину лінії, щоб мати можливість представляти її у будь-якому розмірі.
І саме в цьому полягає велика перевага векторних зображень у порівнянні з растровими зображеннями: це зображення, яке можна визначити на основі його якостей, незалежно від щільності пікселів. масштаб без втрати якості, оскільки параметри перераховуються на основі остаточного розміру. З іншого боку, якщо, наприклад, ви хочете масштабувати коло, побудоване пікселями, з певного розміру ви почнете бачити точки, які його складають через його внутрішню відсутність гнучкості (ефект згладжування або "крок"), отже, цей тип спотворених зображень розмовно називають "нерівними зображеннями".
Щодо розміру цих зображень та місця для їх зберігання, розмір векторної графіки не впливає на їх вагу, оскільки це залежить від кількості збережених параметрів, тоді як растрові зображення, у яких більші зображення також потребують більше пікселів, важать більше.
Оскільки носій відображення (екрани, друк) може відтворювати зображення лише у вигляді растрової графіки, векторизовані зображення перед переглядом мають бути перетворені у растрові графічні зображення (растеризація). Залежно від складності об’єкта, це попередній крок, який вимагає від команди більш-менш часу та сили.
Формати файлів та програми графічного дизайну
Існує велика кількість програм для проектування графіки, які підтримують низку певних форматів файлів. У наступній таблиці наведено підбір найпоширеніших форматів та програм.
Формат файлу
Дизайнерська програма
Растрове зображення
TIF, JPG, BMP, PNG, GIF
Adobe Photoshop, GIMP, Corel PaintShop Pro
Векторні зображення
Adobe Illustrator, Corel Draw, Inkscape
Сфера застосування
Завдяки можливості масштабування без втрат, векторні зображення особливо придатні для представлення діаграм, логотипів, геометричних фігур, підписів, піктограм та технічних конструкцій. Більш складні зображення, такі як цифрові фотографії природних об'єктів із багатьма різними значеннями кольору та контрасту, неможливо відтворити за допомогою векторів без помітної втрати якості. У цьому випадку краще використовувати піксельні зображення.
Растеризація та векторизація
Хоча растеризація векторного зображення відбувається без особливої суєти і непомітно кожного разу, коли зображення такого типу друкується або відображається на екрані, зворотний шлях, від растрового зображення до векторного зображення, навпаки, ускладнюється. Цей процес векторизації можна здійснити вручну або за допомогою a програма векторизації такі як Xara Xtreme або Inkscape, які містять функції Bitmap Tracer або Potrace відповідно. Однак така зміна схильна до помилок, оскільки ці програми можуть відображати лише складні кольорові або контрастні переходи, типові для растрових зображень, відображаючи їх як видимі ізольовані смуги (смуги).