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