ГРАФИЧНИ ГРАФИЧНИ ФАЙЛОВИ ФОРМАТИФАЙЛОВИ ФОРМАТИ

ОСНОВНИ ХАРАКТЕРИСТИКИ, ОСНОВНИ ХАРАКТЕРИСТИКИ, ПРЕДИМСТВА И НЕДОСТАТЪЦИПРЕДИМСТВА И НЕДОСТАТЪЦИ

Графични файлови форматиГрафични файлови формати

• Графичен файлов формат • Основни категории

– растерни файлови формати (bit-mapped)

– векторни файлови формати

– смесени файлови формати

Растерни файлови формати – Растерни файлови формати – характеристикихарактеристики

• Брой цветове

• Компресия

• Прозрачност

• Преносимост

• Постепенно визуализиране

БРОЙ ЦВЕТОВЕБРОЙ ЦВЕТОВЕ

• 8-битов цвят – не повече от 256 цвята

– малък размер на файловете

– бързо възпроизвеждане

• 24-битов цвят– 3 х 8 бита

– 16 777 216 цвята

КОМПРЕСИЯКОМПРЕСИЯ

• Намалява размера на файла• Основно за растерни изображения• Рядко при векторни изображения• Два вида

– компресия без загуба (lossless formats)

– компресия със загуба (lossy formats)

КОМПРЕСИЯКОМПРЕСИЯ

• Компресия без загуба (lossless formats)

• Предимство – запазва качеството на оригиналното изображение

• Недостатък – нисък процент на компресия

• Приложение – GIF, TIFF формати

КОМПРЕСИЯКОМПРЕСИЯ

• Компресия със загуба (lossy formats)

• Предимство – висока степен на компресия

• Недостатък – губи се част от оригиналната информация за изображението

• Приложение – JPEG формат

ПРОЗРАЧНОСТПРОЗРАЧНОСТ• Позволява дадена част от изображението

(най-често фона) да се определи като прозрачна

• Възможности – фокусиране върху основната част от

изображението– наслагване на изображения

• Видове– пълна прозрачност (binary transparency))– частична прозрачност (variable transparency)

• Алфа-канали или канали за маски – частична прозрачност

ПРОЗРАЧНОСТПРОЗРАЧНОСТ

Едно и също изображение на два различни фона, със загуба на детайли от изображението при

първото, с наслагване на изображения при второто

ПРЕНОСИМОСТПРЕНОСИМОСТ

• Файловите формати биват– платформени– между-платформени

• Поддържане в Web – възможност за визуализиране на отделните файлови формати от различни Web браузъри

Постепенно визуализиранеПостепенно визуализиране• Постепенно (прогресивно) визуализиране

– пълно визуализиране на изображението с лошо качество и постепенно по-детайлно доизграждане

• Методи– Последователни попълващи сканирания

(progressive display) – JPEG– Презредово изграждане на изображенията

(Interlacing) – едномерно при формата GIF– Презредово изграждане на изображенията

(Interlacing) – двумерно при формата PNG

Постепенно визуализиранеПостепенно визуализиранеПостепенно, презедово визуализиране на изображенията

(interlacing)

Двумерно презредово визуализиране (two-dimensional interlacing) при формата PNG

Едномерно презредово визуализиране (one-dimensional

interlacing) при формата GIF

Растерни файлови форматиРастерни файлови формати

• BMP (Bitmap Image)• TIFF (Tagged Image File Format)• Поддържани в Web

–JPEG (Join Photographic Expert Group Обединение на експертите фотографи)

–GIF (Graphics Interchange Format)–PNG (Portable Network Graphics)

BMP (BitMaP Image)BMP (BitMaP Image)

• Разширение на файла - *.bmp

• Основен растерен файлов формат

• Предимства– възможност за експортиране на

изображението като 1-, 4-, 8- или 24-битово

• Недостатъци– не поддържа компресия – голям обем на

файловете– платформен – операционна система Windows– не поддържа прозрачност

TIFF (Tagged Image File Format)TIFF (Tagged Image File Format)

• Разширение на файла - *.tif

• Растерен файлов формат

• Приложение –основно за предпечатна подготовка

–обмен на документи между различни приложения и платформи

TIFF (Tagged Image File Format)TIFF (Tagged Image File Format)

• Предимства– много добро качество– съхранява канали за маски и пътечки за изрязване– компресия без загуби – LZW Compression– между-платформен - Macintosh, Windows, и UNIX

• Недостатъци– голям обем на файловете– множество версии– не се поддържа в Web

JPEG (Join Photographic JPEG (Join Photographic Expert Group)Expert Group)

• Разширение на файла - *.jpg (*.jpeg)

• Растерен файлов формат

• Подходящ за изображения с плавни цветови преходи

JPEG (Join Photographic JPEG (Join Photographic Expert Group)Expert Group)

• Предимства– няма ограничение в броя на цветовете– възможност за постепенно визуализиране на

изображението посредством последователни попълващи сканирания (progressive метод)

– поддържан в Web– между платформен

• Недостатъци– компресия със загуба– не поддържа прозрачност– не поддържа анимация

КомпресияКомпресия JPEG JPEG

• Компресия със загуба• Висока степен на компресия• Обратна зависимост между качеството

на изображението и степента на компресия

• Възможност за регулиране степента на компресия

• Автоматична декомпресия на файла при отварянето му

КомпресияКомпресия JPEG JPEG

• Maximum (максимално качество)

• High (високо качество)

• Medium (средно качество)

• Low (ниско качество)

GIF (Graphics GIF (Graphics Interchange Format)Interchange Format)

• Разширение на файла - *.gif• Растерен файлов формат• Най-старият файлов формат за

Web• Подходящ за изображения без

много цветови преходи• Две версии – GIF87a, GIF89a

GIF (Graphics Interchange Format)GIF (Graphics Interchange Format)• Предимства

– компресия без загуби (LZW метод)– малък обем на файловете– поддържа пълна прозрачност (binary transparency) –

версия GIF89a– поддържа анимация – няколко изображения в един

файл, при отваряне те се сменят периодично– презредово изграждане и попълване на

изображението (interlacing)– поддържан в Web – разпознава се от всички

графични браузъри– бърз upload, download и визуализиране в мрежата – между платформен

GIF (Graphics GIF (Graphics Interchange Format)Interchange Format)

• Недостатъци– поддържа до 8-битов цвят (до 265 цвята

или по-малко)

– компресия със загуби – при конвертиране на 24-битово изображение към 8-битово

LZW CompressionLZW Compression• Компресия LZW (Lempel-Ziv-Welch, по

фамилиите на създателите й)• Стандартна за TIFF и GIF файлове• Компресия без загуби• Води до по-бавно отваряне и

затваряне на файловете• Намаляване на размера от 1/2 до 1/3• Не особено ефективна

PNG (PNG (Portable Network GraphicsPortable Network Graphics))• Разширение на файла - *.png (чете се “пинг”)• Сравнително нов растерен файлов формат• Предимства

– компресия без загуби – в повечето случаи създадените файлове са по-малки от съответните им в GIF формат

– поддържа пълна и частична прозрачност – 254 различни нива на частична прозрачност, освен пълна прозрачност и непрозрачност (алфа-канал)

– прозрачни области с изгладен контур – anti-aliasing – гама корекция – междуплатформен контрол на яростта на

изображението– поддържа неограничен брой цветове – 48-битов цвят– двумерно презредово визуализиране (interlacing) за по-бързо

зареждане на файла– поддържан в Web– междуплатформен– освободен от авторски права

PNG (PNG (Portable Portable Network GraphicsNetwork Graphics))

• Недостатъци–не се поддържа от всички браузъри

–компресирането на големи изображения отнема много време, а намаляването на размера файла е незначително

–не поддържа анимация

Сравнение на файловите формати Сравнение на файловите формати JPEG, GIF JPEG, GIF и и PNGPNG

ХарактеристикаХарактеристика JPEGJPEG GIFGIF PNGPNG

ТипТип Растерен Растерен Растерен

Дълбочина на Дълбочина на цветацвета

24 битаmin: 1 бит

max: 8 бита

min: 1 бит

max: 48 бита

Максимален брой Максимален брой цветовецветове

16 777 216 2564,294,967,296

плюс алфа канал

ПрозрачностПрозрачност Не Да Да

Алфа каналАлфа канал Не Не Да

АнимацияАнимация Не Да Не

Постепенно Постепенно визуализираневизуализиране

Да метод: progressive

Да метод: interlaced

Да метод: interlaced

КомпресияКомпресия Да със загуба Да без загуба Да без загуба

ПриложениеПриложение СнимкиАнимирани

графики

Графики, прозрачни и полупрозрачни

изображения

Сравнение на файловите формати Сравнение на файловите формати JPEG, GIF JPEG, GIF и и PNGPNG

Поддръжка на форматите от Web браузъри (версия юни 2004)

БраузърБраузър JPEGJPEG GIFGIF PNGPNG

OperaOpera Да Да Да

Internet ExplorerInternet Explorer Да ДаОтчасти

(не поддържа алфа-канал)

Векторни файлови Векторни файлови форматиформати

• EPS (Encapsulated PostScript)• WMF (Windows Meta File)• SVG (Scalable Vector Graphics)

EPS (Encapsulated PostScript)EPS (Encapsulated PostScript)• Разширение на файла - *.eps• Запазва информация както за растерна така и за

векторна графика• Използва се основно в предпечатната подготовка• Версии - DCS 1.0 и DCS 2.0• Предимства

– междуплатформен– цветоотделки за файлове CMYK

• Недостатъци– проблеми липса на инсталиран PostScript

принтер

EPS (Encapsulated PostScript)EPS (Encapsulated PostScript)• DCS (Desktop Color Separation)• Версия DCS 1.0

– цветоотделки за файлове CMYK и Multichannel– разделя ESP файла на пет по-малки файла, по един

за C, M, Y, K и един за предварителен изглед– всичките пет файла трябва да се съхраняват в една и

съща папка

• Версия DCS 2.0 – дава някои допълнителни възможности, съхранява– един алфа канал– канали за цветове spot– възможност за съхраняване на белите области от

растерно изображение като прозрачни

WMF (Windows Meta File)WMF (Windows Meta File)

• WMF (Windows Meta File)

• Разширение на файла – *.wmf

• Векторен файлов формат

• Предимства– качеството на изображението се запазва при

промяна на му размера

• Недостатъци– платформен (операционна система Windows)

SVG (Scalable Vector Graphics)SVG (Scalable Vector Graphics)

• Език за описание

• Двумерна графика

• XML в Web страниците

ИЗПОЛЗВАНА ЛИТЕРАТУРАИЗПОЛЗВАНА ЛИТЕРАТУРА

• “Информационни технологии – учебник за ІХ и Х клас”, И. Иванов, С. Кънчева, Нова Звезда, 2001 г. Част трета – “Компютърна графика”

• “Photoshop 5 и 5.5 Artistry”, Бари Хейнз, Уенди Кръмплър, Инфо Дар, 200 г. Част 6 – “Файлови формати и компресия на изображения”, Част 42 – “Различия при създаване на изображения за Web и значение на 8-битовия цвят”

• “Adobe Photoshop 5 – пълно ръководство”, Адел Грийнбърг, Сет Грийнбърг, Софт Прес, 1998 г. Глава 20 – “Извеждане на изображения към Web,

мултимедия и цифрово видео”, Приложение А – “Импортиране и експортиране на файлове”

ДРУГИ ИЗТОЧНИЦИДРУГИ ИЗТОЧНИЦИ• http://www.j-a-b.net/web/graf/• http://www.webopedia.com/TERM/g/graphics_file_format.html• http://www.flex.net/~paulwayne/pc_ops/Graphxff.html• http://www.why-not.com/articles/

formats.htm#HIGHCOMPRESSION• http://www.reasoft.com/articles/formats-1.shtml• http://www.techwr-l.com/techwhirl/magazine/technical/

graphicfileformats.html• http://www.formatguide.com/fileformat/fileformat.asp#WMF• www.cica.indiana.edu/graphics/image.formats.html