29.07.09

Для графіки в інтернеті є 2 основні вимоги: картинка повинна бути максимально можливої ​​якості і в той же час вона повинна швидко завантажуватися. Коли інтернет був дорогим і повільним, важливіше була швидкість завантаження фотографії, зараз же важливіша якість і відсутність спотворень на ній. Але, як і раніше, основними графічними форматами в інтернеті залишаються GIF і JPG (JPEG).

Обидва ці формату забезпечують максимальну якість інформації, що зберігається при її мінімально можливому обсязі, тобто швидкості завантаження на комп'ютер користувача мережі. Різниця між форматами GIF і JPG полягає в тому, що вони утискають і добре показують інформацію різних типів.

Формат JPG (JPEG) найкраще підходить для того, щоб зберігати фотографії, картини, яскраві малюнки з плавним переходом одного кольору в інший (градієнти). Зберігаючи інформацію в форматі JPEG, ви самі визначаєте, що вам важливіше - чіткість і достовірність графіки або швидкість, з якою ваші фотографії зможуть відправлятися поштою або завантажуватися з online-фотоальбомів і блогів.

Приклад графіки, яку потрібно зберігати в JPG:

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

Приклад графіки, яку бажано зберігати в форматі GIF:

Формат GIF, на відміну від JPG, дозволяє створювати анімаційні зображення. До появи flash і silverlight можливість створювати послідовність з gif-картинок в одному файлі була єдиним засобом створення анімованих банерів . Втім, gif-банери популярні досі через свою простоту і порівняно низьку ціну: з їх допомогою рекламують і курси перукаря в Києві , І розробку сайтів, і продаж дорогих автомобілів.

Розглянемо на прикладі, чим відрізняється gif від jpg. Виберемо малюнок і фотографію, збережемо кожен спочатку в gif, потім в jpg форматах і подивимося, як зміниться якість зображення і вага картинки в КБ.

Почнемо з фотографії. Її потрібно зберігати в JPG, а не в GIF, тому що на фотографіях кольорів і відтінків набагато більше, ніж 256, які здатний відображати формат GIF. Збільшимо фотографію в 3 рази і подивимося, як відіб'ється на фотографії збереження в GIF і JPG:

Фотографія, яку ми зберегли в правильному для такого типу зображень форматі JPG, виглядає помітно краще (спотворення пов'язані тільки зі зменшенням скрін для статті) і завантажиться в півтора рази швидше, ніж та ж фотографія, збережена в форматі GIF.

Тепер розглянемо, що трапиться з малюнком, у якого мало квітів і немає градієнтів, коли ми його збережемо в GIF і JPG:

Малюнок у форматі GIF виглядає чітко і без найменших розлучень, при цьому важить в 2,5 рази менше.

Може здатися, що для сучасного інтернету такі величини незначні, а без збільшення спотворення при збереженні в неправильному форматі непомітні. Насправді це не так. Коли на сайті багато неякісної графіки, а у вас якісний і правильно налаштований монітор, спотворення відмінно видно. А завантаження сайту з неправильно збереженої графікою, особливо, якщо це елементи верстки, може займати в 2 рази більше часу. При цьому істотно збільшуючи навантаження на сервер хостера, а значить, і ціну за хостинг. Крім того, поки не у всіх користувачів інтернету безлімітні тарифи швидкісного інтернету.