Формати Зображень Для Сайту

Сьогодні ми з Вами поговоримо про різних форматах зображень використовуються на web-сторінках.На перший погляд може здатися:А що тут думати? Взяв будь фото і розмістив на сайті ….Так дійсно, взяв і розмістив, але — це тільки на перший погляд.Від того як і в якому форматі підготовлено зображення (фотографія, рисунок, креслення, анімована картинка і т.д.), багато чого залежить.Наприклад: як довго буде вантажиться Ваша web-сторінка, якої якості буде цей малюнок (фото) і т.д.

Томупитання вибору формату зображення — досить серйозний, від нього залежить в першу чергу зовнішній вигляд Вашого сайту і як наслідок складається думка відвідувача про автора і власника ресурсу.Отже ….

Найбільш широке поширення для веб-графіки отримали два формати —GIFіJPEG.Їх багатофункціональність, універсальність, невеликий обсяг вихідних файлів при достатньому для сайту якості, співслужили їм позитивну службу, фактично визначивши їх як стандарт web-зображень.Є ще форматPNG,який також використовується про створення сайтів і існує в двох іпостасях —PNG-8іPNG-24. Проте популярність PNG сильно поступається визнанню форматам GIF і JPEG.

Додавання зображення відбувається в два етапи: спочатку готується графічний файл бажаного розміру, потім він додається на сторінку через тег<IMG>.СамHTMLпризначений тільки для того, щоб відобразити необхідну картинку, при цьому ніяк її не міняючи.Про підготовку картинок для web-сторінок ми з Вами розмовляли в статті:Підготовка зображення для вашого сайту.Тому тут будемо розглядати тільки формати зображень.

Формат GIF

GIF (Graphics Interchange Format)— формат графічних файлів, широко застосовуваний при створенні сайтів.GIFвикористовує 8-бітовий колір і ефективно стискає суцільні кольорові області, при цьому зберігаючи деталі зображення.

Особливості:

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

Формат JPEG

JPEG (Joint Photographic Experts Group)— популярний формат графічних файлів, широко пріменямий при створенні сайтів і зберігання зображень.JPEGпідтримує 24-бітовий колір і зберігає яскравість і відтінки кольорів у фотографіях незмінними.Даний формат називають стисненням з втратами, оскільки алгоритм JPEG вибірково відкидає дані.Метод стиснення може внести спотворення в малюнок, особливо що містить текст, дрібні деталі або чіткі краю.ФорматJPEGне підтримує прозорість.Коли ви зберігаєте фотографію в цьому форматі, прозорі пікселі заповнюються певним кольором.

Особливості:

Область застосування:Використовується переважно для фотографій.Не дуже підходить для малюнків містять прозорі ділянки, дрібні деталі або текст.

Формат PNG-8

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

Особливості:

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

Формат PNG-24

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

Особливості:

Область застосування:Фотографії, малюнки, що містять прозорі ділянки, малюнки з великою кількістю квітів і чіткими краями зображень

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

Автор: Андрій Краснокутський

Джерело: http://www.pc-cantri.ru/view_post.php?id=81