Зображення на веб-сайті. Частина I. Формати., Програми для роботи з графікою, Програмні керівництва, статті

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

1. GIF.

Формат GIF (Graphics Interchange Format) був розроблений в 1987 році компанією CompuServe і спочатку призначався для передачі растрових зображень по Мережі (локальної та Інтернет). Але оскільки перша версія формату не виправдала надій – файл зображення виходив занадто об’ємним, що на той момент робила неможливим його передачу по Мережі, двома роками пізніше вийшла друга, вдосконалена версія GIF. Серед нових функціональних можливостей формату виявилися: підтримка прозорості і анімації, значне скорочення обсягу файлу зображення за рахунок підтримки LZW-компресії.

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

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

Області застосування формату: діаграми, графіки, найпростіші зображення і аніація.

2. JPEG.

Формат JPEG, розшифровується як “об’єднана група експертів фотографії” (Joint Photographic Experts Group), застосовується для зберігання багатобарвних фотографічних зображень, тому що забезпечує стиск повнокольорового зображення практично без зменшення кількості кольорів. Процес стиснення відбувається за рахунок зменшення числа пікселів, що містять інформацію.

Під час стиснення відбувається конвертація зображення в колірну систему YCbCr. Канали Cb і Cr, що відповідають за колір, зменшуються в 2 рази. Потім вже всі колірні канали зображення, включаючи чорно-білий канал Y, розбиваються на частини (кожна розміром 8х8 пікселів). Частинки зображення піддаються дискретному косинусному перетворенню – алгоритму стиснення без втрат. Заключний етап: упаковка отриманих коефіцієнтів за допомогою кодів Хаффмана.

3.PNG.

PNG (Portable Network Graphics) є растровим форматом зберігання графічної інформації без втрати якості під час стиснення.

Чи замислювався даний формат як заміна GIF. Звідси і схожі можливості, начебто наявності прозорого фону. Однак через велику, в порівнянні з GIF, обсягу файлу із зображенням, а також відсутності підтримки анімації, амбіційним планам розробників так і не судилося збутися.

Тим не менш, формат PNG відмінно підходить для зберігання та редагування зображень на проміжній стадії їх створення. Графічний редактор Macromedia Fireworks для збереження результатів обробки зображення використовує саме цей формат.

GIF, JPEG і PNG. Що віддати перевагу?

Формат GIF краще застосовувати для зберігання графічних елементів сайту (меню, банери, кнопки). У форматі JPEG повинні перебувати фотографії або інші повнокольорові зображення. А в PNG можуть бути збережені попередні начерки макета майбутнього сайту.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*