Favicon ir tas foršais mazais attēls blakus jūsu adreses joslai jūsu pārlūkprogrammā. Tas atšķir jūsu vietni grāmatzīmju cilnē, un to var izmantot, lai palielinātu zīmola atpazīstamību. Ja jums ir vietne, bet nekad neesat domājis par favicon izveidi, jums vajadzētu pārdomāt savu lēmumu. Arvien biežāk programmatūras izstrādātāji izmanto favikonus dažādiem lietojumprogrammu aspektiem, piemēram, planšetdatoru sākuma ekrāna ikonām. Par laimi, favicon projektēšana, izveide un ieviešana ir tāda, ko gandrīz ikviens var darīt, ja ievēro pareizos soļus.
Soļi
1. metode no 3: Favicon izstrāde
1. solis. Izveidojiet favikonu, kas attēlo jūsu vietni
Jūsu vietnes veidam vajadzētu noteikt jūsu favicon izskatu. Mēģiniet izveidot kaut ko tādu, kas atbilst jūsu zīmola tēlam un kas cilvēkiem būs atpazīstams un neaizmirstams. Favicon būs pirmā lieta, ko lietotāji redzēs, pārlūkojot cilnes savā pārlūkprogrammā, un tā tiks parādīta arī cilvēku grāmatzīmēs.
- Piemēram, ja jums ir pārtikas vietne, izvēloties favikonu, kura dizains ir auglis vai dārzenis, tas var kļūt neaizmirstamāks.
- Ja jūsu vietne ir paredzēta advokātu birojam vai ieguldījumu sabiedrībai, vislabāk ir izmantot tradicionālu un gludu favikonu.
- Ja jūsu vietne ir paredzēta jaunākiem cilvēkiem, mēģiniet izveidot rotaļīgu un krāsainu favikonu.
2. solis. Izlemiet, vai vēlaties caurspīdīgu fonu
Ja nenorādīsiet fonu, tas tiks aizpildīts baltā krāsā, kas, iespējams, neatbilst jūsu zīmolam. Caurspīdīgs fons iegūs personas pārlūkprogrammas krāsu un dažos gadījumos izskatīsies racionalizēts. Citos gadījumos, izvēloties fona krāsu, priekšplāna burti vai grafika parādīsies. Izlemiet, kas būtu labākais jūsu dizainam, un paturiet to prātā, veidojot to.
Vienkāršākais favicon ir 16x16 kvadrāts, un tam ir fona krāsa
3. Izveidojiet viegli lasāmu favikonu
Tā kā jūsu iecienītais attēls ir mazs, ir svarīgi, lai jūs varētu iepazīstināt savu zīmolu, nemulsinot apmeklētājus. Favicon, kuru ir grūti lasīt, atstāj negatīvu iespaidu un apmeklētāja prātā var radīt jautājumus par jūsu sniegtā darba kvalitāti. Pārāk sarežģīti attēli un logotipi neizskatās labi, ja tie tiek samazināti līdz 16x16 vai 32x32 pikseļiem.
- Ja jūsu esošais logotips ir pārāk sarežģīts, varat to vienkāršot, izmantojot taktiku, lai to varētu atpazīt favicon izmērā. Izmantojiet iniciāļus, nevis parādiet visu uzņēmuma nosaukumu, vai izveidojiet vienkāršu ikonu, nevis attēlu.
- Ja jums jau ir vienkāršs logotips, varat samazināt attēlu un iestatīt to kā iecienītāko. Jums var būt nepieciešams to mainīt, pirms to pārveidojat par ikonas failu.
- Varat arī izmantot objekta attēlu, kas raksturo jūsu vietnes kopējo tēmu.
Solis 4. Izveidojiet estētiski pievilcīgu favikonu
Jūsu favicon struktūru sauc par tās formu. Favicons parasti iegūst tādas formas kā aplis vai kvadrāts. Izstrādājot favikonu, parasti ir labāk, ja tas var ietilpt kādā no šīm pamatformām, jo brīvas formas formas bieži var sajaukt vai sajaukt pie 16x16 pikseļiem. Vēl viens svarīgs jūsu dizaina aspekts tiek saukts par estētisko vienotību. Estētiskā vienotība ietver detalizētu informāciju un izmērus par dažādām jūsu favicon sastāvdaļām un to, kā jūsu favicon ir līdzsvarots. Jo vienveidīgākas detaļas, jo saliedētāks izskatīsies jūsu favicon. Piemēram, dažādu fontu veidu vai izmēru izmantošana jūsu favicon nav patīkama acīm un var padarīt jūsu favicon izskatīties apjucis vai nekārtīgs.
- Vēl viens estētiskās vienotības piemērs ir noapaļotu stūru saglabāšana visās favicon formās.
- Labs ikonas, kas ir mainījusi formu, piemērs ir Google favicon. Tas ir mainījies no kvadrāta uz apli.
5. solis. Izmantojiet zīmolam atbilstošas krāsas
Veidojot favicon, tas jāizveido 8 bitu (256 krāsas) vai 24 bitu (16,7 miljoni krāsu) krāsu dziļumā, jo tas darbosies mūsdienu pārlūkprogrammās. Pārliecinieties, ka jūsu izvēlētās krāsas var atrast citur jūsu vietnē vai kaut kādā veidā ir saistītas ar jūsu zīmolu. Favicon ar krāsām, kuras nav jūsu vietnē, logotipā vai lietojumprogrammās, nebūs neaizmirstams, un cilvēki nevarēs saistīt ikonu ar jūsu zīmolu.
- Daži radoši favicon krāsu izmantošanas veidi ietver GitHub, kas maina krāsas atkarībā no jūsu sistēmas statusa, un Trello, kas mainās atkarībā no jūsu fona krāsas.
- Favikonos visbiežāk izmantotās krāsas ir sarkana un zila.
6. solis. Veidojot favikonu, ņemiet vērā savu auditoriju
Izņemot sava zīmola identificēšanu, jūsu favikonam ir jāizskatās pievilcīgi jūsu apmeklētājiem. Cilvēki ar atšķirīgu gaumi, interesēm un sabiedrības normām aplūkos atšķirīgu ikonoloģiju no dažādām perspektīvām. Kultūras atšķirības pastāv mūsu sabiedrībā un var mulsināt vai atvairīt auditoriju, kuru jūs mēģināt piesaistīt.
Piemēram, Mac Os X izmanto zīmogu, kas ir universāls pasta simbols. Pastkastes izmantošana nebūtu tik efektīva, jo pastkastes dažādās pasaules daļās atšķiras
7. solis. Uzziniet draugu un kolēģu viedokli
Lai gan tas nav neticami grafiski intensīvs, favicon ir svarīga jūsu zīmola sastāvdaļa. Piemēram, padomājiet par savām iecienītākajām vietnēm, piemēram, Twitter, Gmail, Facebook vai wikiHow, un par to, cik daudz jūs saistāt favicon ar zīmolu. Ja jums nav labas skatīšanās uz dizainu vai esat apjucis par to, kāda veida dizainu jums vajadzētu izveidot savai vietnei, konsultējieties ar draugiem, kuri domā par dizainu vai strādā grafiskā dizaina jomā.
- Pajautājiet savam draugu tīklam, vai kāds var bez maksas sniegt dizaina padomus.
- Lielākiem uzņēmumiem ir iekšējie grafiskie dizaineri, kas var izveidot favicon attēlu.
2. metode no 3: Favicon izveide
1. darbība. Favicon izveidei izmantojiet fotoattēlu rediģēšanas programmatūru
Lai izveidotu favicon attēlu, varat izmantot fotoattēlu rediģēšanas programmatūru, piemēram, Adobe Photoshop vai Illustrator. Šīs lietojumprogrammas arī ļauj mainīt attēla izmērus un eksportēt tos pareizajā formātā. Dažas programmatūras ļauj jums izveidot savu favicon ar rokām.
- Ir arī favicon īpašas rediģēšanas programmas, kuras varat atrast tiešsaistē.
- Izmantojiet meklētājprogrammu un ierakstiet "favicon redaktori".
- Padariet audekla izmēru 512x512 pikseļus, jo šis skaitlis tiek sadalīts līdz vispiemērotākajiem favicon izmēriem un joprojām ir pietiekami liels, lai jūs varētu efektīvi rediģēt.
- Cita populāra fotoattēlu rediģēšanas programmatūra ietver GIMP, PhotoScape un Paint. NET.
- Izmantojot šo programmatūru, jūs nevarēsit tieši rediģēt.ico failus, taču varat izmantot.png,-j.webp" />
2. solis. Izmainiet un saglabājiet favicon
32x32 pikseļi ir Windows darbvirsmas vienumu lielums, savukārt 16x16 pikseļi ir pārlūkprogrammas cilnē esošo ikonu lielums. Kad esat izveidojis favicon lielākā formātā, ir svarīgi samazināt tā lielumu, lai jūs varētu redzēt, kā tas izskatīsies lietotāju pārlūkprogrammās. Ja tas nav lasāms vai nav estētiski patīkams, sāciet no jauna ar savu sākotnējo dizainu. Padomājiet par platformām, kurās, visticamāk, tiks izmantota jūsu vietne vai lietojumprogramma, un pēc tam izveidojiet favikonu, lai aptvertu visas jūsu bāzes.
- Ir svarīgi atzīmēt, ka dažāda aparatūra un programmatūra izmanto dažādus favicon izmērus.
- Dažos citos favikonu izmēros ietilpst 57 x 57 pikseļi standarta iOS sākuma ekrānam, 72 x 72 pikseļi iPad, 96 x 96 pikseļi Google TV, 128 x 128 pikseļi Chrome interneta veikalam un 195 x 195 pikseļi Operas ātrajam zvanam.
- Ja vēlaties aptvert visas savas bāzes, varat izveidot favicon versijas katrā no šiem izmēriem.
- Saglabājiet atsevišķas favicon versijas, lai nezaudētu paveikto.
Solis 3. Apvienojiet savus failus, izmantojot pārveidotāju
Lieliska lieta.ico failos ir tā, ka, lai to izveidotu, varat apvienot vairākus failus. Tas ir noderīgi, jo dažādas pārlūkprogrammas un programmatūra vēlēsies dažāda lieluma favikonu. Lai pārliecinātos, ka jūsu favicon izskatās labi dažādās platformās, konvertējiet failus, izmantojot tiešsaistes pārveidotāju. Ierakstiet "ikonu pārveidotāju" savā iecienītākajā meklētājprogrammā, lai atrastu bezmaksas tiešsaistes lietojumprogrammas, lai to izdarītu. Saglabājiet sapludināto failu kā “favicon.ico”.
- Varat arī izmantot tādu programmu kā GIMP, kurai ir iebūvēta funkcija, vai lejupielādēt Adobe Photoshop spraudni ar nosaukumu ICO FORMAT.
- Izveidojiet jaunu mapi, lai varētu saglabāt jaunus izlasi vai iesāktos darbus.
- Lai atrastu dažādus izmantojamos rīkus, meklētājprogrammā ierakstiet ".ico converter" vai "favicon generator".
3. metode no 3: Favicon ieviešana
1. solis. Augšupielādējiet savu favicon, ja izmantojat vietnes redaktoru
Daudziem vietņu redaktoriem ir iebūvēta veidlapa, kas ļauj automātiski augšupielādēt favicon savā vietnē. Ja izmantojat vietņu redaktoru, kurā ir iebūvēts, savas vietnes iestatījumu izvēlnē meklējiet opcijas “Augšupielādēt favikonu” vai “Pievienot favikonu”. Atlasiet failu favicon.ico un augšupielādējiet to savā vietnē.
Ja savas vietnes redaktorā nevarat atrast vietu, kur augšupielādēt savu iecienīto ikonu, tas jādara manuāli
2. darbība. Augšupielādējiet failu savas vietnes saknes direktorijā
Ja jūsu vietne atbalsta failu pārsūtīšanas protokolu vai FTP, varat izmantot savu FTP klientu, lai augšupielādētu jauno favicon.icon failu saknes (indeksa) direktorijā. Ja nē, jums jāiet uz tīmekļa mitinātāju lapu un manuāli augšupielādējiet attēlu. Neaizmirstiet aizstāt esošo favicon.ico failu ar jauno failu.
Solis 3. Pievienojiet failu galvenei
Atrodiet vietu, kur varat piekļūt savas vietnes PHP un CSS failiem. Dodieties uz savas vietnes failu header.php un rediģējiet to. Zem taga veida “
-
Tam vajadzētu savienot jūsu vietni ar jūsu iecienīto vietni.
Tā kā jūs izmantojat PHP, tas nozīmē, ka visām vietnēm, kas izmanto jūsu galvenes failu, tagad būs tāds pats favicons
Izveidojiet savu Favicon ikonu 14. darbība 4. solis. Atsvaidziniet pārlūkprogrammu
Kad esat pabeidzis favicon augšupielādi, varat atsvaidzināt pārlūkprogrammu, lai blakus adreses joslai redzētu savu jauno attēlu. Lai pārietu tieši uz atjauninātā favicon attēlu, ierakstiet “https://www.yourdomain.com/favicon.ico”.
- Ja jūsu favicon sākotnēji neparādās, iespējams, nāksies atiestatīt pārlūkprogrammas kešatmiņu.
- Lai notīrītu kešatmiņu, atveriet pārlūkprogrammas iestatījumus un izdzēsiet pagaidu interneta failus, sīkfailus un vēsturi.
