Lemmik on see lahe väike pilt teie brauseri aadressiriba kõrval. See eristab teie saiti järjehoidjate vahekaardil ja seda saab kasutada bränditeadlikkuse suurendamiseks. Kui teil on sait, kuid pole kunagi mõelnud faviconi loomisele, peaksite oma otsuse uuesti läbi mõtlema. Tarkvaraarendajad kasutavad üha enam faviconeid oma rakenduste erinevate aspektide jaoks, näiteks tahvelarvutite avakuvaikoonide jaoks. Õnneks on faviconi kujundamine, loomine ja rakendamine peaaegu igaüks, kes järgib õigeid samme.
Sammud
Meetod 1 /3: oma Faviconi kujundamine
Samm 1. Looge favicon, mis esindab teie veebisaiti
Teie veebisaidi tüüp peaks määrama teie faviconi välimuse. Proovige kujundada midagi, mis haakub teie kaubamärgi kuvandiga ning mis on inimestele äratuntav ja meeldejääv. Teie lemmikkraan on esimene asi, mida inimesed oma brauseri vahekaarte vaadates näevad, ja kuvatakse ka inimeste järjehoidjates.
- Näiteks kui teil on toiduainete veebisait, võib selle lemmikpildi valimine, mille kujundus on puu- või köögivilja, muuta selle meeldejäävamaks.
- Kui teie veebisait on mõeldud advokaadibüroole või investeerimisühingule, sobib kõige paremini traditsiooniline ja klanitud favicon.
- Kui teie veebisait on suunatud noorematele inimestele, proovige luua mänguline ja värvikas favicon.
Samm 2. Otsustage, kas soovite läbipaistvat tausta
Kui te tausta ei määra, täidab see valge värvi, mis ei pruugi teie kaubamärgiga kokku puutuda. Läbipaistev taust omandab inimese brauseri värvi ja näeb mõnel juhul sujuvam välja. Muudel juhtudel muudab tausta värvi muutmine esiplaani tähed või graafika popiks. Otsustage, mis oleks teie disaini jaoks parim, ja pidage seda selle tegemisel silmas.
Kõige lihtsam favicon on 16x16 ruut ja sellel on taustavärv
Samm 3. Looge favicon, mida on lihtne lugeda
Kuna kasutatav favicon -pilt on väike, on oluline, et saaksite oma brändi tutvustada ilma külastajaid segadusse ajamata. Favicon, mida on raske lugeda, jätab negatiivse mulje ja võib külastajas tekitada küsimusi töö kvaliteedi kohta, mida saate pakkuda. Liiga keerulised pildid ja logod ei näe hea välja, kui neid kahandatakse 16x16 või 32x32 pikslini.
- Kui teie olemasolev logo on liiga keeruline, saate selle lihtsustamiseks kasutada taktikat, nii et see on faviconi suuruses äratuntav. Kasutage kogu ettevõtte nime kuvamise asemel initsiaale või kujundage pildi asemel lihtne ikoon.
- Kui teil on juba lihtne logo, saate pildi kahandada ja määrata selle lemmikuks. Enne ikoonifailiks teisendamist peate võib -olla seda muutma.
- Võite kasutada ka objekti pilti, mis kirjeldab teie saidi üldist teemat.
Samm 4. Looge esteetiliselt meeldiv favicon
Teie faviconi struktuuri nimetatakse selle vormiks. Faviconid võtavad tavaliselt kuju, näiteks ring või ruut. Kui kujundate oma faviconi, on üldiselt parem, kui see mahub ühte nendest põhivormidest, sest vabakujulised kujundid võivad sageli 16x16 pikslit segi ajada või segi ajada. Teie disaini teist olulist aspekti nimetatakse esteetiliseks ühtsuseks. Esteetiline ühtsus hõlmab teie faviconi erinevate komponentide üksikasju ja suurusi ning seda, kuidas teie favicon on tasakaalus. Mida ühtsemad on detailid, seda sidusam näeb teie favicon välja. Näiteks, kui kasutate faviconis erinevaid fonditüüpe või -suurusi, ei meeldi see silmale ning see võib muuta teie faviconi segaseks või räpaseks.
- Teine näide esteetilisest ühtsusest on ümarate nurkade säilitamine kogu faviconi kujundite ulatuses.
- Hea näide vormi muutnud ikoonist on Google'i favicon. See on muutunud ruudust ringiks.
Samm 5. Kasutage oma brändiga ühtseid värve
Faviconi loomisel peaksite selle looma 8 -bitise (256 värvi) või 24 -bitise (16,7 miljonit värvi) värvisügavusega, kuna see töötab kaasaegsetes brauserites. Veenduge, et teie valitud värvid oleksid mujal teie veebisaidil leitavad või oleksid mingil moel teie kaubamärgiga seotud. Favicon, mille värvid puuduvad teie veebisaidil, logol või rakendustel, ei jää meelde ja inimesed ei saa ikooni teie brändiga seostada.
- Faviconi värvide mõned loomingulised kasutusalad hõlmavad GitHubi, mis muudab värve sõltuvalt teie süsteemi olekust, ja Trellot, mis muutub sõltuvalt teie taustavärvist.
- Faviconites kasutatakse kõige sagedamini punast ja sinist värvi.
Samm 6. Faviconi kujundamisel arvestage oma publikuga
Lisaks brändi tuvastamisele peab teie favicon teie külastajatele ahvatlev välja nägema. Erineva maitse, huvide ja ühiskondlike normidega inimesed vaatavad erinevat ikonoloogiat erinevatest vaatenurkadest. Kultuurilised erinevused eksisteerivad meie ühiskonnas ja võivad segadusse ajada või tõrjuda publikut, keda üritate meelitada.
Näiteks kasutab Mac Os X templit, mis on posti universaalne sümbol. Postkasti kasutamine ei oleks nii tõhus, sest postkastid on maailma eri paigus erinevad
Samm 7. Küsige sõprade ja kolleegide arvamust
Kuigi see pole graafiliselt uskumatult intensiivne, on favicon teie brändi oluline osa. Mõelge näiteks oma lemmikveebisaitidele, nagu Twitter, Gmail, Facebook või wikiHow, ja sellele, kui palju seostate lemmikut brändiga. Kui teil pole disaini jaoks head silmaringi või te ei tea, milline peaks teie saidi kujundus olema, pidage nõu sõpradega, kellel on disaini osas silma peal või kes tegelevad graafilise disainiga.
- Küsige oma sõprade võrgustikus ringi, kas keegi saab tasuta disaininõu anda.
- Suurematel ettevõtetel on ettevõttesisesed graafilised disainerid, kes suudavad luua favicon-pildi.
Meetod 2/3: oma Faviconi loomine
Samm 1. Kasutage faviconi loomiseks fototöötlustarkvara
Faviconi pildi loomiseks saate kasutada fototöötlustarkvara, näiteks Adobe Photoshop või Illustrator. Need tarkvararakendused võimaldavad ka pildi suurust muuta ja eksportida õiges vormingus. Mõni tarkvara võimaldab teil faviconi käsitsi luua.
- Internetist leiate ka faviconi spetsiifilisi redigeerimisprogramme.
- Kasutage otsingumootorit ja sisestage "favicon editor".
- Muutke oma lõuendi suuruseks 512x512 pikslit, kuna see arv jaguneb enamiku kohaldatavate favicon -suuruste järgi ja on endiselt piisavalt suur, et saaksite tõhusalt redigeerida.
- Muu populaarne fototöötlustarkvara sisaldab GIMP, PhotoScape ja Paint. NET.
- Selle tarkvara kasutamisel ei saa te.ico -faile otse redigeerida, kuid saate kasutada.png-,.jpg- või-g.webp" />
Samm 2. Muutke faviconi suurust ja salvestage see
32x32 pikslit on Windowsi töölaua üksuste suurus, samas kui 16x16 pikslit on brauseri vahekaardil olevate lemmikute suurus. Pärast faviconi suuremas vormingus loomist on oluline selle suurust vähendada, et saaksite näha, kuidas see inimeste brauserites välja näeb. Kui see on loetamatu või mitte esteetiliselt meeldiv, alustage oma esialgse kujundusega. Mõelge platvormidele, millel teie veebisaiti või rakendust suure tõenäosusega kasutatakse, ja looge seejärel favicon, mis katab kõik teie alused.
- Oluline on märkida, et erinevad riist- ja tarkvara kasutavad erinevaid faviconi suurusi.
- Mõned muud faviconi suurused hõlmavad standardse iOS -i avaekraani jaoks 57x57px, iPadi jaoks 72x72px, Google TV jaoks 96x96px, Chrome'i veebipoe jaoks 128x128px ja Opera kiirvalimiseks 195x195px.
- Kui soovite katta kõik oma alused, saate luua faviconi versioonid igas suuruses.
- Salvestage oma faviconi eraldi versioonid, et mitte kaotada tehtud tööd.
Samm 3. Ühendage failid muunduri abil
. Ico -failide suurepärane omadus on see, et saate selle loomiseks kombineerida rohkem kui ühe faili. See on kasulik, kuna erinevad brauserid ja tarkvara soovivad erineva suurusega faviconi. Veendumaks, et teie favicon näeb kõigil platvormidel hea välja, teisendage failid veebimuunduri abil. Tippige oma lemmikotsingumootorisse "ikoonimuundur", et leida selleks tasuta veebirakendusi. Salvestage ühendatud fail nimega "favicon.ico".
- Võite kasutada ka sellist programmi nagu GIMP, millel on sisseehitatud funktsioon, või alla laadida Adobe Photoshopisse pistikprogramm nimega ICO FORMAT.
- Looge uus kaust, et saaksite salvestada uusi lemmikuid või pooleliolevaid töid.
- Sisestage otsingumootorisse ".ico converter" või "favicon generator", et leida erinevaid tööriistu, mida saate kasutada.
Meetod 3/3: Faviconi rakendamine
Samm 1. Laadige oma favicon üles, kui kasutate veebisaidi redaktorit
Paljud veebisaidi toimetajad on varustatud sisseehitatud vormiga, mis võimaldab teil faviconi oma veebisaidile automaatselt üles laadida. Kui kasutate veebisaidi redigeerijat, millele see on sisse ehitatud, otsige oma veebisaidi seadete menüüst valikuid, mis ütlevad „Laadi üles favicon” või „Add Favicon”. Valige fail favicon.ico ja laadige see oma saidile üles.
Kui te ei leia oma veebisaidi redigeerijas kohta, kuhu oma favicon üles laadida, peate selle käsitsi tegema
Samm 2. Laadige fail üles oma saidi juurkataloogi
Kui teie veebisait toetab failiedastusprotokolli või FTP -d, saate oma FTP -kliendi abil oma uue favicon.icon faili oma juurkataloogi üles laadida. Kui ei, siis peate minema oma veebimajutajate lehele ja pildi käsitsi üles laadima. Ärge unustage asendada olemasolev fail favicon.ico uue failiga.
Samm 3. Lisage fail oma päisesse
Leidke koht, kust pääsete juurde oma saidi PHP- ja CSS -failidele. Minge oma saidi faili header.php ja muutke seda. Märgendi tüübi all"
-
. See peaks teie saidi faviconiga ühendama.
Kuna kasutate PHP -d, tähendab see, et kõikidel päisefaili kasutavatel saitidel on nüüd sama lemmikkraan
Looge oma Faviconi ikoon 14. samm Samm 4. Värskendage oma brauserit
Kui olete lemmiku üleslaadimise lõpetanud, saate oma brauserit värskendada, et näha uut pilti aadressiriba kõrval. Värskendatud faviconi pildi juurde liikumiseks tippige "https://www.yourdomain.com/favicon.ico".
- Kui teie lemmikut esialgu ei kuvata, peate võib -olla brauseri vahemälu lähtestama.
- Vahemälu tühjendamiseks avage brauseri seaded ja kustutage ajutised Interneti -failid, küpsised ja ajalugu.
