Favicons aizstāj globusa ikonu adreses joslā.
Attēla kredīts: r0mu/iStock/Getty Images
Favicon ir radošs, praktisks veids, kā pievienot izsmalcinātu vizuālu nokrāsu jūsu vietnes klātbūtnei. Faviconi ir mazi attēli, ko tīmekļa pārlūkprogrammas izmanto lapu cilnēs un adrešu joslās. Tajos tiek rādīts ar vietni saistīts logotips vai attēls, kas darbojas kā vizuāls zīmola identifikators blakus nosaukumam vai URL. Faviconi ir īpaši noderīgi vietņu identifikatori ciļņu pārlūkošanā, jo pieejamā teksta telpa, kas tiek izmantota lapu nosaukumiem, samazinās līdz gandrīz nekādam, jo lietotājs atver vairāk ciļņu.
1. darbība
Izveidojiet ikonu, kuru vēlaties izmantot fotoattēlu vai grafikas rediģēšanas programmā. Varat izmantot esošu logotipu vai attēlu, kas saistīts ar jūsu vietni vai zīmolu, un pielāgot to, lai tas atbilstu favicon standartiem. Favicons vienmēr izmanto kvadrātveida izmērus, un to maksimālais atbalstītais izmērs ir 256 x 256 pikseļi. Apgrieziet un izmēriet attēlu, lai tas ietilptu 256 x 256 pikseļu kvadrātā, ja plānojat izmantot ikonu pakotni, lai atbalstītu vairākus izmērus. Ja plānojat izveidot tikai vienu versiju, izvēlieties 16 x 16 pikseļu izmēru.
Dienas video
2. darbība
Eksportējiet ikonas grafiku kā PNG attēla failu no grafiskā dizaina programmas. PNG ir W3C standarta attēla formāts faviconiem. Dažas pārlūkprogrammas var parādīt JPG failus kā faviconus, taču standarts netiek oficiāli atbalstīts. Turklāt ikonu pakotņu programmas var nedarboties ar attēliem citos formātos. Favicons atbalsta arī GIF un ICO failus.
3. darbība
Iesaiņojiet eksportēto PNG failu ICO failā, izmantojot ICO pārveidotāja programmu. Ikonu pārveidotāja programma apstrādā PNG favicon, formatē to vairākiem dažādiem plaši atbalstītiem favicon izmēriem un iegulst tos vienā failā. ICO faili nodrošina augstākas izšķirtspējas favicons nekā 16 x 16 pikseļi ierīcēm, kas tos atbalsta.
4. darbība
Piesakieties savā tīmekļa vietnes mitināšanas pakalpojumā un augšupielādējiet PNG vai ICO failu savas vietnes multivides serverī. Kopējiet augšupielādētā faila URL; jums tas būs nepieciešams, lai vietnei pievienotu favicon.
5. darbība
Atveriet savas vietnes rediģēšanas programmu un savas vietnes sadaļai pievienojiet tālāk norādīto kodu, kas mainīts ar favicon faila URL, kā norādīts.
PNG failiem:
ICO failiem:
Ja vien neizmantojat CMS kontrolētu vietni vai neiekļaujat failu sadaļu, jums būs jāpievieno kods katrai lapai, kurā vēlaties iekļaut ikonu. Favicon parādās pēc tam, kad esat saglabājis un atjauninājis vietnes lapas.
Padoms
Fotoattēlu rediģēšanas programmas, piemēram, Photoshop un Corel Draw, lieliski darbojas ikonas noformēšanā un formatēšanā. Varat arī izmantot bezmaksas programmas, piemēram, Paint.net un Pixlr.
Brīdinājums
Dažas pārlūkprogrammas automātiski saista attēla failu, kas atrodas direktorijā /favicon kā favicon; tomēr W3C organizācija attur no šādas prakses, jo tas nav vispārēji atbalstīts standarts un ir pretrunā Web arhitektūras principiem. Turklāt daudzi tīmekļa mitināšanas pakalpojumi un CMS sistēmas neļauj lietotājam ievietot multivides saturu ārpus multivides failu direktorijiem, padarot šo praksi neiespējamu.
