Protams, vairākkārt esat dzirdējis par favikonu. Tas ir cieši saistīts ar tīmekļa dizainu, un tas ir svarīgs aspekts, ka katrā lapā, vai tas būtu tiešsaistes veikals, emuārs, vietne utt. viņi tev jautās. Bet, Kas ir favicon? Kam tas paredzēts? Un pats galvenais, kā tas tiek darīts?
Ja jums ir daudz šaubu par to, šeit mēs jums iedosim atslēgas, lai jūs to saprastu un, galvenokārt, lai jūs varētu to prezentēt savā projektā un atstātu labāku prezentāciju. Mēs jums apliecinām!
Kas ir favicon
Mēs sāksim izskaidrot, kas ir favicon, lai jūs to saprastu. Un tam nekas nav labāks, kā sniegt jums praktisku piemēru. Iedomājieties, ka jūs šobrīd pārlūkojat (patiesībā jūs mūs lasāt). Bet jums nav tikai viena cilne, bet vairākas no tām. Jūs, iespējams, pamanījāt, ka katrā no tiem parādās nosaukums, ko šī lapa atspoguļo, vai tas būtu YouTube (jo klausāties fona mūziku), Gmail (jo jūsu pasts ir atvērts) vai šī lapa.
Blakus katram vārdam, kreisajā pusē, parādās neliels attēls, kvadrātā. Vietne YouTube un Gmail noteikti tiks identificēta pēc viņu logotipiem, bet kā ir ar pārējām cilnēm?
Nu, tas, ko jūs redzat, faktiski ir favicon. Citiem vārdiem sakot, tas ir a ikona, kas ir saistīta ar apmeklēto lapu, Tāpēc ir tik svarīgi pievērst uzmanību šai detaļai, jo, pievienojot lapu izlasei vai īsinājumtaustiņiem, favicon kļūst par šīs lapas "attēlu", un tāpēc jums ir jārūpējas par tā noformējumu, lai tas ir ideāli saistīts (un galvenokārt izskatās labi, lai to atšķirtu no citiem).
Šīs mazās ikonas izmēru kopa parasti ir 16 × 16 pikseļi (lai gan to var iestatīt arī ar 32x32 pikseļiem). Tās iekšpusē jums ir jārūpējas, lai viss jūsu ievietotais būtu redzams pareizi, jo pretējā gadījumā tas parādīsies kā nedaudz identificējama vieta (un tas radīs ļoti sliktu jūsu lapas tēlu).
Kāpēc favikon ir tik svarīgs?
Tagad, kad jūs zināt, kas ir favicon, un ka esat to atradis lapās, kuras parasti atverat, vai pamanījāt, ka šodien trūkst arvien mazāk lapu? Tas ir tāpēc, ka patiešām ir ļoti svarīgi sniegt priekšstatu par eleganci un zinātību. Tas ir, jūs nododat zīmola vai korporācijas tēlu, kas rūpējas par detaļām.
Tomēr favikonam ir arī citi izmantošanas veidi, piemēram:
- Kalpo kā jūsu lapas identifikācija. Parasti šī ikona ir saistīta ar logotipu, kas jums ir jūsu vietnē, tikai mazākā izmērā. Bet, ja logotips ir pārāk liels un nebūs redzams uz mazās pogas, jums ir tendence izvēlēties kaut ko tādu, kas uz to attiecas.
- Palīdzēsit lietotājiem, kuri ir saglabājuši jūsu lapu, to vizuāli identificēt. Tādējādi, pat ja viņi neatceras vietrādi URL vai uzņēmuma nosaukumu, favicon attēla dēļ viņi to atradīs.
- Būt "labam" ar SEO. Tas ir jāuzņem ar sāls graudu. Un tas, ka favicon esamība vai trūkums tieši neietekmēs SEO (tas ir, tas nenostādīs jūs labāk vai sliktāk, ja jums tas ir vai nav). Tagad arvien biežāk tiek konstatēts, ka, pārlūkprogrammai ienākot lapā, tā meklē šo ikonu un, kad to neatrod, tiek parādīta kļūda 404. Un jūs zināt, ka šīs kļūdas nav noderīgas SEO lapas.
Kā izveidot favikonu
Pēc redzēšanas ir skaidrs, ka favicon ir būtisks elements, veidojot tīmekļa lapu. Kā jūs tādu izveidojat?
Jums vajadzētu zināt, ka vairumā gadījumu tas arī ir izvēlieties šīs vietnes logotipu vai, ja tas ir pārāk liels, kaut ko, kas to identificē. Piemēram, iedomājieties, ka jums ir televīzijas vietne, uz kuru jūs kaut kādā veidā esat piezvanījis. Bet tas favikonā ir pārāk liels. Tā vietā jūs varat ievietot televizora attēlu tā, lai viņi to saistītu. Šādos gadījumos ir ieteicams, lai tā valkā tādas pašas krāsas kā jūsu vietne, lai viņi to labāk identificētu.
Un tagad, kā mēs varam izveidot favikonu? Nu, jums ir vairākas iespējas:
Photoshop, Gimp ...
Citiem vārdiem sakot, mēs runājam par attēlu rediģēšanas programmām, jo favicon tiek izveidots tieši tāds pats kā attēls. Protams, jums tas jāsaglabā .ico formātā, lai to varētu atpazīt, jo to nevar atstāt kā JPG, GIF vai tamlīdzīgu.
Šis veids, kā to izdarīt ļauj daudz labāk pielāgot favicon, izdodas to izveidot no nulles un piešķirt vēlamo apdari. Parasti šim nolūkam jūs strādājat ar attēlu normālā izmērā un pēc tam pielāgojat to šīs pogas izmēram.
Faktiski tā ir jāaugšupielādē un jāpārbauda dažādās pārlūkprogrammās, lai redzētu, vai tā izskatās labi, ir reprezentatīva un, galvenokārt, saprotama.
Tiešsaistes rīku izmantošana
Šajā gadījumā mēs atsaucamies uz tīmekļa lapām, kas rūpējas par jebkura vajadzīgā attēla pārveidošanu par favicon dažu sekunžu laikā. Bet jums ir arī iespēja noformējiet savu favicon tieši ar šīm lapām.
Ja vēlaties pirmo (augšupielādējiet attēlu un pārveidojiet to), tad iesakām Favicon Generator vai Favic-o-matic. Bet, ja vēlaties pēdējo (noformējiet to no nulles), deriet uz favicon.io vai x-icon redaktoru.
Ar WordPress
Vai jūsu lapa ir izveidota programmā WordPress? Un vai jūs zināt, ka varat izmantot šo sistēmu, lai izveidotu favicon. Šim nolūkam varat izmantot dažus spraudņus, kas ļauj izveidot šo pogu, pamatojoties uz augšupielādēto (vai augšupielādēto) attēlu. Arī caur "Izskats / Pielāgot" jūs to varat izdarīt.
Kad favicon ir izdarīts, jums tas vienkārši jāievieto savā vietnē un jāatļauj to atpazīt, lai varētu to parādīt jūsu lapas nosaukuma kreisajā apgabalā, kā arī saglabājot to izlasē. Tādā veidā viņi jūs viegli atpazīs, neapstājoties lasīt, ja tā ir lapa, kuru viņi patiešām vēlējās apmeklēt.