Уобичајени примери типова слика на Интернету укључују ГИФ, ЈПГ, и ПНГ. СВГ датотеке. Ови различити формати нуде веб дизајнерима разне опције за оптимизацију визуелне привлачности веб странице.
ГИФ слике
Користите ГИФ датотеке за слике које имају мали, фиксни број боја. ГИФ датотеке су увек сведене на највише 256 јединствених боја. Алгоритам компресије за ГИФ датотеке је мање сложен него за ЈПГ датотеке, али када се користи на равним сликама у боји и тексту, ствара веома мале величине датотека.
ГИФ формат није погодан за фотографске слике или слике са градијентним бојама. Будући да ГИФ формат има ограничен број боја, преливи и фотографије ће завршити појасевима и пикселацијом када се сачувају као ГИФ датотека.
ЈПГ слике
Користите ЈПГ слике за фотографије и друге слике које имају милионе боја. Користи сложени алгоритам компресије који вам омогућава да креирате мање графике губећи део квалитета слике. То се назива компресијом са губитком, јер се неке информације о слици губе када се слика компримује.
ЈПГ формат није погодан за слике са текстом, велике блокове пуне боје и једноставне облике са оштрим ивицама. То је зато што када се слика компресује, текст, боја или линије могу се замаглити што резултира сликом која није толико оштра као што би била сачувана у другом формату.
ПНГ слике
ПНГ формат је развијен као замена за ГИФ формат када се показало да ће ГИФ слике бити подложне накнади. ПНГ графика има бољу стопу компресије од ГИФ слика, што резултира мањим сликама од исте датотеке сачуване као ГИФ. ПНГ датотеке нуде алфа прозирност, што значи да можете имати подручја на сликама која су или потпуно прозирна, или чак користити низ алфа прозирности. На пример, падајућа сенка користи низ ефеката прозирности и била би погодна за ПНГ (или нас уместо тога можете окончати користећи ЦСС сенке).
ПНГ слике, попут ГИФ-ова, нису баш погодне за фотографије. Могуће је заобићи проблем појаса који утиче на фотографије сачуване као ГИФ датотеке користећи праве боје, али то може резултирати врло великим сликама. ПНГ слике такође нису добро подржане од старијих мобилних телефона и телефона са посебним функцијама.
СВГ слике
СВГ је скраћеница од Сцалабле Вецтор Грапхиц. За разлику од растерских формата који се налазе у ЈПГ, ГИФ и ПНГ, ове датотеке користе векторе за стварање врло малих датотека које се могу приказати у било којој величини без губитка у квалитету повећања величине датотеке. Створене су за илустрације попут икона, па чак и логотипа.
Припрема слика за веб испоруку
Без обзира који формат слике користите, уверите се да су све слике на тој веб локацији припремљен за веб испоруку. Превелике слике могу да доведу до тога да веб локација споро ради и да утичу на укупне перформансе. Да би се борио против овога, те слике морају бити оптимизоване да бисте пронашли равнотежу између високог квалитета и најмање могуће величине датотеке на том нивоу квалитета.
Избор правог формата слика је део битке, али такође и осигурање да сте припремили те датотеке је следећи корак у овом важном процесу испоруке преко Интернета.