Yuav ua li cas rau nruab ib tug favicon rau koj lub website?

Favicon - ib tug tsiaj ntawv ntawm "xaiv icon" (txhais ua lus Askiv). Lub npe los ntawm daim ntawv teev cov bookmarks nyob rau hauv Internet Explorer, uas yog hu ua "Favorites" / "Favorite". Thaum koj ntxiv ib qhov chaw rau koj favorites Explorer (version 5 thiab saum toj no) hais txog cov neeg rau zaub mov nrog qhov kev thov, seb tus pab ua ntaub ntawv thov favicon.ico. Yog hais tias xws li ib tug cov ntaub ntawv no tshwm sim, nws yuav muab siv los mus muab ib qho kev icon hais tias yog tso tawm tom ntej no mus rau lub bookmark cov ntawv nyeem.

Lwm yam browsers (eg, Mozilla) kuj muaj kev pab txhawb nqa rau favikonok. Nyob rau qhov kev pab cuam rau searching, qhov no icon yuav muab tso tawm kom nyob rau hauv ntau qhov chaw, tsis tsuas nyob rau hauv lub bookmark daim ntawv teev (ua tau, nws tsis txawm tshwm sim muaj). Nws yog tso tawm nyob rau hauv qhov chaw nyob bar los yog lub npe ntawm lub browser tab.

Cov icons rau lub browser tabs

Feem ntau cov neeg siv yuav muaj ib tug ntau ntawm tabs qhib nyob rau hauv lub qhov rais browser. Nrog lub nce nyob rau hauv lub xov tooj ntawm tabs muab zais npe qhov chaw. Favicon yuav pab kom cov neeg siv los mus taw qhia qhov link thiab sai sai hloov mus rau qhov tab koj xav mus qhib.

Nyob rau hauv tas li ntawd, yog tias ib tug neeg xav kom ntxiv koj nyiam qhov chaw rau koj desktop rau koj mobile ntaus ntawv, cov icon yuav tsum tau siv. Yog li ntawd nws yog ib txwm tsim nyog los xaiv cov duab ua ntej lub teeb favicon. Qhov chaw icon yog tso tawm raws li ib daim ntawv thov icon nyob rau hauv lub desktop, ntsiav tshuaj los yog smartphone.

Yuav ua li cas rau tsim ib tug favicon?

Yuav kom tsim tau ib favicon.ico, koj cia li xav tau kom txuag tau tus PNG-cov ntaub ntawv 16x16 thiab hloov nws mus rau ib qho chaw icon png2ico. Nyob rau hauv nws cov tib tug yam, koj muaj peev xwm ntxiv txawv dluab nyob rau hauv tib lub icon rau muab lwm txoj kev daws teeb meem. Feem ntau cov browsers yog tsuas yog siv 16x16 hom ntawv rau tej dluab, tab sis nyob rau hauv ib tug txawv ntsiab lus teb (e.g., dragging qhov URL nyob rau hauv qhov chaw nyob bar rau lub desktop) loj icon yuav muab tso tawm kom nyob rau hauv daim duab. Yog hais tias lub chaw muab kev muaj tsuas 16x16 icon duab, nws yuav tsum haum rau cov kev kawm loj, yog li technically tsis tas yuav ntxiv lwm yam los daws. Txawm li cas los, qhov no yuav txhim kho cov duab zoo. Ua ntej koj yuav nruab ib lub favicon rau koj lub website, nco ntsoov mus saib seb nws zoo li daim duab nyob rau hauv ntau ntau thiab tsawg.

Nco ntsoov hais tias rau ib tug neeg uas muaj ib tug qeeb Internet kev twb kev txuas favicon yuav ua rau kom cov nplooj ntawv load lub sij hawm rau ib tug ob peb lub vib nas this. Qhov no yog tau yog hais tias tus duab cov ntaub ntawv yog ib yam nkaus thiab loj loj, yog li tsis txhob sib zog heev nws. Ntxiv ib 32x32 hom cawm yuav tsum txaus pib hauv daim duab zoo zoo, txawm nyob rau hauv lub sijhawm uas muaj ntau icons. Siv ib tug loj tus naj npawb ntawm cov kev xaiv - nws yog nyiaj tshwj xeeb ua tsuas yog nyob rau qhov kev thov ntawm tus tsim tawm lub site. Sim kom lub xov tooj ntawm cov xim rau 16 thiab tsim 16-xim icon nrog png2ico (los yog txawm dub thiab dawb icon). Qhov no yuav pab tau kom ib tug me me ntaub ntawv uas loads sai.

Thaum tsim tau ib cov duab ntxiv rau cov favicon.ico yuav tsum tsis txhob hnov qab tias cov icons yuav muab tso tawm kom rau ib tug txawv xim tom qab. Vim li no nws yuav zoo tshaj yog siv ib tug pob tshab thiab tsis yog ib tug khoom qab. Xav ntev thiab hnov txog yuav ua li cas rau nruab rau hauv lub feem ntau favicon kom raug, hais tias nws yog nyob rau hauv kev sib raug zoo nrog rau tej keeb kwm yav dhau. Nws yuav tsum tau muab sau tseg tias nws yog tau teem intermediate qhov tseem ceeb, uas yog ntsuas nyob rau hauv feem pua. Kws txawj hais tias qhov zoo tagnrho yog mus teev, muaj kwv yees li 30-40% ntawm cov keeb kwm yav dhau transparency.

Koj muaj peev xwm siv lub logo ntawm koj hom, ib lub cim ntawm lub neej ntsiab los yog koj nyiam cov duab rau kom koj kev cai lub website icon. Cov pom zoo loj rau favicon - yam tsawg kawg 512 pixels nyob rau hauv dav thiab qhov siab. Cov duab yuav tsum tau square, tab sis koj muaj peev xwm siv ib tug loj lub dluab. Muaj ntau xyaw cia koj mus crop hauv daim duab, thaum koj ntxiv nws (yog li ntawd tsis txhob txhawj txog yuav ua li cas rau nruab ib favicon rau cov SMF nyob rau hauv daim ntawv ntawm cov duab loj loj).

Tsim icons nrog "Photoshop"

Kws txawj pom zoo kom siv duab editing, piv txwv li, tsev av Photoshop los yog Gimp. Qhov no yuav tsim ib tug favicon raws nraim 512 × 512 pixels. Yog li, koj yuav txuag lub caij nyoog proportions ntawm daim duab, siv ib tug pob tshab daim duab, los yog sau rau tom qab ntawm koj xaiv. Qhov no daim duab yuav ua tau nyob rau hauv lub PNG hom ntawv, JPEG los yog GIF. Ces koj yuav tau xyuas seb yuav ua li cas rau nruab ib favicon rau koj qhov chaw.

Vim li cas kuv yuav tsum tau ntxiv rau lub site?

Raws li twb tau sau tseg, favicon icon - ib tug me me icon hais tias zoo nkaus li tom ntej no mus rau lub npe ntawm qhov chaw nyob rau hauv lub browser. Nws yuav pab cov neeg siv kom paub tias cov link, thiab ntau heev uas tuaj rau koj qhov chaw yuav instantly txhais tau ib tug me me daim duab. Qhov no yuav tsub hom khiav thiab pab yeej txoj kev ntseeg ntawm cov neeg tuaj saib. Yog li, lub favicon sij "cwm pwm" ntawm koj qhov chaw. Nyob rau hauv tas li ntawd, nws kuj pab cov usability thiab cov neeg siv kev ntawm lub website.

Yuav ua li cas rau nruab ib tug favicon rau koj lub website html

Yuav kom ntxiv koj favicon rau koj lub web page, koj yuav tsum nruab nws rau ib tug neeg rau zaub mov nyob rau hauv lub nplaub tshev tib qhov chaw uas lub web page (eg, www.example.com/foo/favicon.ico rau www.example.com/foo/index. html). Qhov no yog cov ntaub ntawv uas yog nyob rau hauv thawj qhov chaw tej browser yuav zoo rau lub download. Yog hais tias nws nrhiav tsis tau tus icon, ces khij lub neeg rau zaub mov top-level directory (www.example.com/favicon.ico rau www.example.com rau ib tug neeg rau zaub mov). Vim li no, Yog hais tias koj teem nws muaj, koj yuav tsum tau muaj lub neej ntawd icon rau tag nrho cov nplooj ntawv ntawm koj sau. Nyob ntawm seb qhov browser configuration thiab, favicon yog tsis ib txwm pom, txawm yog hais tias nws yog nyob rau hauv ib tug ntawm cov saum toj no qhov chaw thiab lub web page pom nws.

Rau npe nyob rau hauv lub xub ntiag ntawm lub code page favicon, koj yuav tau ntxiv tus nram qab no ob kab mus rau lub :

Yuav ua li cas mus ntxiv ib favicon rau WordPress Blog

Yog hais tias koj muaj wondering yuav ua li cas teem favicon nyob rau hauv "Direkte", no heev, muaj yog tsis muaj dab tsi nyuaj. Lub interface muaj ib tug coj qhia zaub mov cov khoom uas tso cai rau koj mus xaiv thiab upload ib daim duab.

Yuav ua li cas mus ntxiv ib favicon nyob rau hauv WordPress

Pib nrog WordPress 4.3 version koj yuav tau ntxiv ib tug favicon rau cov admin thaj tsam ntawm lub site. Cia li mus rau lub "Saib" / "tej chaw" thiab xaiv cov tab "Site".

Seem ntawm lub site ID nyob rau hauv lub Customizer tso cai rau koj yuav hloov lub chaw muab kev lub npe thiab cov hauj lwm. Ua ntej tawm ntawm cov zaub mov yeej ib txwm zoo li cov nqe lus nug seb koj puas xav mus tso saib lub tshiab cov ntaub ntawv nyob rau hauv lub header. Nws kuj tso cai rau koj upload koj cov icon rau lub site. Cias nias rau qhov "Xaiv ntaub ntawv" thiab upload cov duab koj xav kom siv raws li ib tug favicon.

Ntxiv ib favicon rau koj blog

Ntxiv cov lus qhia yuav ua li cas teem lub favicon yog raws li nram no. Yog hais tias cov duab uas koj yog uploading tshaj qhov pom zoo loj, me, ces WordPress yuav pub koj crop nws. Yog hais tias nws ntais ntawv pom zoo chaw, koj muaj peev xwm tsuas txuag koj hloov. Nws yuav tsum muab sau tseg tias cov lus qhia yuav ua li cas rau nruab rau hauv lub favicon rau lub site Joomla, zoo nkaus li ib yam nkaus.

Tom qab ntawd, thaum saib lub qhov chaw koj yuav mus ntsib koj tus favicon nyob rau hauv kev txiav txim. Koj yuav tau mus rau qhov chaw ntawm ib tug mobile ntaus ntawv, thiab ces xaiv "Download tau tag nrho version" nyob rau hauv lub browser qhia zaub mov. Koj mam li paub hais tias cov icon yuav muab tso tawm kom raws li ib tug tag nrho-fledged desktop computer.

Yuav ua li cas rau nruab WordPress favicon rau cov laus version (4.2 los yog tom qab)

Upload koj tus kheej favicon nyob rau hauv lub hauv paus directory rau lub FTP. Ces koj yuav ntxig no code nyob rau hauv cov ntaub ntawv header.php yam lub npe.

Hloov wpbeginner.com rau koj lub website URL, thiab txhua yam yuav tsum tau ua. Yog hais tias koj blog tsis muaj ib tug header.php ntaub ntawv, los yog koj nrhiav tsis tau nws, ces siv ib tug tshwj xeeb plug. Nruab thiab qhib nws nyob rau hauv lub site chaw. Tom qab activating lub plugin, mus rau "tej chaw", scroll rau "Inserting headers thiab footers", thov xa mus rau "Code Box" tab saum toj no nyob rau hauv lub header seem, thiab txuag qhov chaw.

Yog hais tias koj tsis xav kom nrog lub intricacies ntawm ua hauj lwm nrog FTP, tab sis nws yog tseem xav nyob rau hauv yuav ua li cas teem favicon, koj kuj siv tau ib tug tshwj xeeb plugin, uas regulates qhov load icons ntawm txhua theem. Tej ntxiv mus rau lub engine yog tsis tsuas muaj nyob rau WordPress, tab sis kuj rau lwm yam nrov systems, xws li Joomla.