13. Слике‎ > ‎

Фавикони


Фавикон је мала сличица која се у прегледачу указује пре саме адресе и визуелно идентификује веб-место. Реч фавикон настала је као сливеница две речи: favorite icon. Фавикон се најчешће и стандардно користи у исо-формату,а стандардна величина је 16х16 мада може да буде и већи. Од постојећих слика, логотипа лако је генерисати фавикон у неком од многобројних алата за генерисање слике у фавикон. 

Џенфејвикон (Genfavicon)

поставио/ла Славица Јурић 01.09.2016. 16:35   [ ажурирано 18.07.2017. 08:24 ]

Кратак опис и функционалност

Веб-услуга за креирање фавикона има само једну страницу на којој је све што је потребно за креирање фавикона: објашњење о значењу и пореклу речи, три операције при креирању: постављање слике са рачунара или са УРЛ-адресе, исецање слике, преглед и преузимање на рачунар. 

Намена у образовању

Једноставно и јасно објашњење на првој и јединој страници ове веб-услуге може да буде кратка и корисна лекција ученицима о значењу речи и намени фавикона. Омиљена икона (favorite icon) је пун израз, а фавикон је сливеница ове две речи. Та информација истовремено може да буде подстицај ученицима да креирају фавиконе за омиљене образовне сајтове који их немају или да разматрају колико овај визуелни елеменат утиче на њих. 

Пример

Пример фавикона види се у упутству. 

Упутство

Слика приказује опције овог алата и три корака при креирању фавикона.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkNWlaZTNSaEp2Qnc/view?usp=drive_web

Фавикоматик (Favic-o-matic)

поставио/ла Славица Јурић 01.09.2016. 16:35   [ ажурирано 18.07.2017. 08:21 ]

Кратак опис и функционалност

Фавикоматик је сервис специјализован само за креирање фавикона. За коришћење генератора није потребна регистрација. Дизајн почетне странице је крупан и привлачан, а карактеристично за сервис је то што нуди могућност да се фавикон преузме на рачунар, сачува на Гугл-диску или да се копира ХТМЛ-код, као и генерисање у две величине и два формата. Фавикон чувамо у зипованом директоријуму у којем се налази мали пакет од три фавикона: два различитих величина у ПНГ-формату и један класичан у исо-формату, бележнице са ХТМЛ-кодом. Осим генератора фавикона, на истој страници налази се и једноставна услуга "фавикометера": фавикометар је нека врста провере изгледа постојећег фавикона на сајту. Користи се тако што се налепи УРЛ у поље и активира команда за проверу.

Намена у образовању

Веб-место намењено ученицима учинићемо препознатљивим и они ће га лакше идентификовати уколико користимо допадљив фавикон.

Пример

Пакет од три фавикона и бележнице са ХТМЛ-кодом фавикона настао генерисањем једне слике налази се на Гугл-диску у зипованој фасцикли. 

Упутство

Слика показује могућности са генерисаним фавиконом. 

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkdm96di1XWGdQRVU/view?usp=drive_web

Фавикон са лиценцом (Favicon.cc)

поставио/ла Славица Јурић 01.09.2016. 16:34   [ ажурирано 18.07.2017. 08:22 ]

Кратак опис и функционалност

Фавикон који креирамо на овом сајту може да буде и оригиналан и заштићен лиценцом, односно доступан за коришћење и другима. У овој алатки можемо да креирамо фавикон на уобичајен начин - постављањем неке слике са рачунара. Али, ту слику можемо да пикселизујемо и изменимо боју појединих делова, а можемо да нацртамо потпуно оригиналан фавикон користећи визуелни уређивач који нам је на располагању. Можемо чак и да анимирамо фавикон уколико имамо довољно стрпљења да додајемо слојеве (frame). Пошто посао завршимо, можемо да преузмемо фавикон и поставимо у одговарајуће место на сајту, или да га објавимо јавно у галерији сервиса и тада ће аутоматски бити заштићен лиценцом креативне заједнице. Уколико га преузимамо, онда се не морамо регистровати на овом сајту, а ако објављујемо, алат захтева да унесемо своје податке и да се региструјемо. 

Намена у образовању

Користећи овај алат ученици могу да креирају оригиналан фавикон, измене постојећу слику и ремиксују је. Уз то, алат пружа могућност да ученицима поводом теме фавикона пружимо додатне информације о етичком понашању на интернету, ауторским правима јер и фавикон је визуелни елеменат који подлже ауторским правима.

Пример

Пример пикселизованог фавикона види се на слици упутства.

Упутство

Слика приказује постављени фавикон и визуелни уређивач уз фавикон.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkSFNZcDNINWU4NkE/view?usp=drive_web

Фавикон-генератор (FaviconGenerator)

поставио/ла Славица Јурић 01.09.2016. 15:57   [ ажурирано 18.07.2017. 08:23 ]

Кратак опис и функционалност

Особеност овог једноставног генератора фавикона јесте у томе што можемо поставити слику величине до 2 МБ. од ње се добија врло мала слика фавикона која се затим преузме на свој рачунар. Креирамо га на почетној страници и није потребна регистрација.

Намена у образовању

Сопственом веб-месту наставници и ученици уз помоћ фавикона могу дати јединствену идентификацију и препознатљивост.  

Пример

Веб-сајт Вебциклопедија има фавикон који је такође креиран у овом алату. 

Упутство

Слика приказује једноставан процес креирања и преузимања фавикона.

https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkaXBiRHNsbTRSZE0/view?usp=drive_web

Генератор фавикона (FavIcon Generator)

поставио/ла Славица Јурић 01.09.2016. 15:47   [ ажурирано 18.07.2017. 08:11 ]

Кратак опис и функционалност

На интеренту постоји читав низ најједноставнијих алата за креирање фавикона. Они се разликују по дизајну, величини слике која се поставља, али углавном сви раде на сличном принципу: постави се слика са рачунара, генерише и преузме на свој рачунар са стандардном димензијом за фавиконе од 16х16 и у исо-формату. Управо такав је и овај алат

Намена у образовању

Ради лакше визуелне идентификације свог веб-места наставник или ученик креирају препознатљиве фавиконе и постављају у контролну таблу или друго одговарајуће место.

Пример

Фавикони креирани у овом алату добијају се искључиво у исо-формату и не могу бити видљиви на веб-страницама, него само у пољу за адресе.

Упутство

Једноставно коришћење овог алата у којем се генерисање одвија у једном прозору на почетној страници приказује слика: 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkZjNfczFLbGl4WXM/view?usp=drive_web

Генератор фавикона и икона (Favicon&App Icon Generator)

поставио/ла Славица Јурић 01.09.2016. 12:21   [ ажурирано 18.07.2017. 08:14 ]

Кратак опис и функционалност

Сервиси који пружају услугу генерисања слике у фавикон често имају и друге услуге било да оне прате основну - добијање фавикона, било да је генерисање фавикона пратећа услуга. Овај сервис нуди нам више функција: онлајн уређивач слика (Free Online Image Editor), алатка за бирање боја (Color Picking Tool), ЦСС фонтова за Виндоус и Мак). Међутим, алат носи име по другим алаткама, које, иако делују као мање битне, представљају две основне понуде овог сервиса: генератор наше слике у фавиконе, генерисање постојећих логотипа апликација у фавиконе. На сервису постоји једноставно објашњење  шта је фавикон и шта икона апликације. Иконе апликација додајемо на паметни телефон и притиском на њих покрећемо одређену апликацију. Обе алатке на сајту можемо да користимо без регистрације. Ако генеришемо иконе апликација, прво ћемо их по кључној речи (keyword) потражити у претраживачу (Search) на овом сајту, одабрати и генерисати у фавикон и на крају преузети. При креирању фавикона започињемо уобичајеним избором слике са рачунара и постављањем на сајт. Пре генерисања можемо да бирамо да ли желимо стандардан фавикон у исо-формату и уобичајене величине или фавикон прилагођен за оперативне системе и мобилне апликације. Креирани фавикон можемо да преузмемо као сличицу или као ХТМЛ код, а можемо и да одобримо објављивање фавикона у јавној галерији икона и фавикона.

Намена у образовању

Попут осталих алата сличне намене и за овај ће се определити наставници који имају своја веб-места која желе да учине препознатљивим по визуелном обележју у самој адреси. 

Пример

Претрага икона у јавној галерији по кључној речи и плавој боји дала је неколико погодака - икона фавикона које можемо преузети за апликације на мобилном телефону.
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkWjlmY3VQSXJqcnM/view?usp=drive_web

Упутство

Сликовно упутство на српском језику приказује почетну страницу на којој су обе алатке и генерисан фавикон и могућности с њим. За приказ у пуној величини кликните на слику.
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkNUw4TDk2eGMza2M/view?usp=drive_web

Прави фавикон-генератор (RealFaviconGenerator)

поставио/ла Славица Јурић 01.09.2016. 11:21   [ ажурирано 18.07.2017. 08:20 ]

Кратак опис и функционалност

За разлику од брзих генератора слике у фавикон, овај веб-алат пружа додатне опције да фавикон дизајнирамо онлајн и прилагодимо га различитим платформама, справама, прегледачима, оперативним системима јер фавикон не изгледа исто на свим рачунарима и апликацијама. Зато посао нећемо завршити једноставним постављањем слике и генерисањем. Прво ћемо добити преглед слике коју смо поставили као матичну слику. Она не сме бити мања од одређених димензија које су на сајту изнете. У наставку процеса генерисања, сервис излиста како нам фавикон изгледа у разним прегледачима, справама, апликацијама. Поред сваког од њих имамо могућност да на лицу места променимо дизајн у тој апликацији/ платформи.... У зависности од платформе/ апликације/ прегледача можемо да мењамо боју, боју позадине, рам, димензије, облик. Након тих ситних подешавања преузимамо фавиконе као слике различитих формата, димензија и изгледа. Имамо и могућност да преузмемо ХТМЛ код фавикона и тако га поставимо на сајт.  Осим ове функције генерисања слике у прилагодљиве фавиконе, на сервису можемо да проверимо (Check favicon) већ постојећи фавикон тако што на почетној страници унесемо адресу сајта. Добићемо извештај  како фавикон изгледа у класичном прегледачу, андроид-апликацији, са Виндоусом или Маком. 

Намена у образовању

Наставник који администрира школски сајт или своју е-учионицу пожелеће да има препознатљиву сличицу у адресном коду сајта, било на рачунару, било на паметним телефонима. Преузете фавиконе може да постави и да они корисницима изгледају различито, у зависности како веб-месту приступају: са које справе, који прегледач користе итд.

Пример

На сервису смо проверили (Favicom checker) фавикон Вебциклопедије и добили следећу анализу: 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkdXRDTW14Yk5SYU0/view?usp=drive_web

Упутство

Сликовно упутство приказује поступак генерисања слике у фавикон и прилагођавања фавикона. Кликните на слику да бисте добили приказ у пуној величини. 
 
https://drive.google.com/a/zajednicaucenja.edu.rs/file/d/0B_0OOnwpceDkWUg1VFBOSWFLRU0/view?usp=drive_web

1-7 of 7