рафіка на web-сайтах
Існує два основних види графіки, застосовуваних в дизайні та інших областях:
Растрова - зображення зберігається, розділеним на мережу, що складається з безлічі маленьких точок - пікселів. Формат зручний для зберігання і подання фотографій, але має ряд недоліків - зокрема неможливо змінити розмір малюнка без втрати якості. Файли, що зберігають растрову графіку це jpg, gif, bmp, tiff, png, psd та інші.
Векторна - зображення зберігається у вигляді масиву чисел і математичних формул, що відображають побудову кривих і ліній. Його розмір можна змінювати скільки завгодно без втрати якості. Але формат рекомендується саме для роботи з намальованими картинками, а не фотографіями, оскільки фотографії складаються з дуже великої кількості деталей - розмір фотографій у векторі занадто великий. Формати векторної графіки - swf, cdr, max, ai, частково pdf.
У практиці web-дизайну використовуються формати jpg і gif. Рідше використовуються формати swf і png.
Формати jpg і gif розрізняються алгоритмами стиснення зображення. Так як в web розмір файлу до цих пір грає досить істотне значення в силу ряду причин, отже малу вагу графічного файлу істотно підвищує швидкість завантаження зображення. Для різних «видів» картинок підходить той чи інший формат графіки. Визначення необхідного формату - основне вміння web - дизайнера. Для фотографій, портретів, зображень великого розміру, насичених складними деталями - найкраще підходить формат jpeg. Алгоритм стиснення цього формату працює таким чином, що при зменшенні розміру картинки, а отже якості, зображення як би «розмивається», стають погано помітні чіткі переходи між квітами, і з'являються паразитні кольорові пікселі як побічний ефект дії алгоритму. Ступінь компресії файлу визначається кожного разу дизайнером виходячи з його потреб, але оптимальним співвідношенням розмір якість зображення вважається відсоток стиснення рівний 65.
Формат gif найкращим чином підходить для зображень невеликого розміру, там, де необхідна прозорість (альфа-канал), і для анімованої растрової графіки. Алгоритм стиснення цього формату грунтується на тому, що зображенню задається фіксована колірна палітра (від 2 до 256 кольорів), а всі близькі відтінки викидаються або замінюються сусідніми квітами. Також алгоритм прораховує зображення лініями - зліва направо, і зберігає інформацію нема про кожному пікселі окремо, а вважає, скільки пікселів однакового кольору стоять у ряд, і зберігає інформацію тільки про колір і кількості пікселів. Це істотно знижує розмір файлу. Неважко помітити, що вертикальний градієнт (зверху-вниз) буде важити в такому випадку набагато менше градієнта горизонтального (зліва-направо). Це слід враховувати при створенні зображень, особливо при створенні анімованих банерів, де вага складається ще і з кількості кадрів і йде буквально війна за кожен байт.
Формат png використовується вкрай рідко. Його відмінність від формату gif в тому, що png дозволяє зберігати більше інформації про фото. Зокрема інформацію про альфа-каналі. У форматі gif кожен окремий піксель може бути або повністю прозорим, або повністю непрозорим. Це накладає обмеження на використання прозорих переходів у прозорість, із за чого файли gif з прозорістю часто виглядають «рваними» по краях. Але, у зв'язку з великою вагою png файлі...
