Favicon yog qhov duab txias me me nyob ib sab ntawm koj qhov chaw nyob hauv koj tus browser. Nws yog dab tsi teeb tsa koj lub xaib sib nrug hauv cov ntawv cim npe thiab tuaj yeem siv los ua kom muaj kev paub ntau hom. Yog tias koj muaj lub xaib tab sis tsis tau txiav txim siab tsim tus favicon, koj yuav tsum rov xav dua koj qhov kev txiav txim siab. Ntau zuj zus, cov tsim software tau siv cov favicons rau ntau yam sib txawv ntawm lawv daim ntawv thov, xws li lub vijtsam hauv tsev ntawm cov ntsiav tshuaj. Luckily, tsim, tsim, thiab siv favicon yog ib yam uas yuav luag txhua tus tuaj yeem ua tau yog tias lawv ua raws cov kauj ruam raug.
Cov kauj ruam
Txoj Kev 1 ntawm 3: Tsim Koj Li Favicon
Kauj Ruam 1. Tsim cov favicon uas sawv cev rau koj lub vev xaib
Hom vev xaib uas koj muaj yuav tsum txiav txim siab saib qhov koj nyiam. Sim tsim qee yam uas yuav ua raws li koj lub npe duab thiab qhov ntawd yuav ua rau pom thiab nco tau rau tib neeg. Koj qhov favicon yuav yog thawj qhov uas tib neeg pom thaum lawv saib cov tab hauv lawv lub browser thiab tseem yuav tshwm nyob rau hauv tib neeg cov ntawv.
- Piv txwv li, yog tias koj muaj lub vev xaib zaub mov, xaiv cov favicon uas muaj txiv hmab txiv ntoo lossis zaub raws li kev tsim yuav ua rau nws nco tau ntau dua.
- Yog tias koj lub vev xaib yog rau txoj cai lij choj lossis tuam txhab peev, cov tsoos ib txwm thiab zoo nkauj nyiam yog qhov zoo tshaj plaws.
- Yog tias koj lub vev xaib tau tsom mus rau cov neeg hluas, sim tsim kev lom zem thiab muaj xim zoo nkauj.
Kauj Ruam 2. Txiav txim siab yog tias koj xav tau keeb kwm yav dhau los
Yog tias koj tsis xaiv tus keeb kwm yav dhau, tom qab ntawd nws yuav sau dawb, uas yuav tsis ua raws li koj lub npe. Cov keeb kwm yav dhau los pob tshab yuav ua rau xim ntawm tus neeg lub browser thiab saib kom yooj yim dua hauv qee kis. Hauv lwm qhov xwm txheej, muaj xim rau tom qab yuav ua rau cov tsiaj ntawv sau ua ntej lossis duab nraaj. Txiav txim siab dab tsi yuav yog qhov zoo tshaj plaws rau koj tus qauv thiab khaws nws hauv siab thaum koj ua nws.
Qhov yooj yim tshaj plaws yog 16x16 square thiab muaj xim tom qab
Kauj Ruam 3. Tsim cov favicon uas yooj yim nyeem
Vim tias cov duab favicon koj yuav siv yog me me, nws yog qhov tseem ceeb uas koj tuaj yeem tau txais koj lub npe thoob plaws yam tsis muaj kev cuam tshuam rau koj cov neeg tuaj saib. Favicon uas nyuaj rau nyeem tawm ua rau muaj kev xav tsis zoo thiab tuaj yeem tsim cov lus nug hauv cov neeg tuaj saib lub siab txog qhov ua haujlwm tau zoo uas koj tuaj yeem muab tau. Cov duab ntau dhau thiab cov cim tsis zoo thaum nqes mus rau 16x16 lossis 32x32 pixels.
- Yog tias koj lub logo uas twb muaj lawm nyuaj dhau, tom qab ntawd koj tuaj yeem siv cov tswv yim los ua kom yooj yim rau nws, yog li nws tuaj yeem lees paub ntawm qhov loj me me. Siv lub npe pib es tsis qhia tag nrho lub tuam txhab npe, lossis tsim lub cim yooj yim dua li siv daim duab.
- Yog tias koj twb muaj lub logo yooj yim, koj tuaj yeem txo qis cov duab thiab teeb nws raws li koj nyiam. Tej zaum koj yuav tsum hloov kho nws ua ntej hloov nws mus rau lub cim ntawv.
- Koj kuj tseem tuaj yeem siv daim duab ntawm ib yam khoom uas piav qhia koj lub xaib tag nrho cov ntsiab lus.
Kauj Ruam 4. Tsim kom muaj kev nyiam ua kom zoo nkauj
Cov qauv ntawm koj cov favicon hu ua nws daim ntawv. Favicons feem ntau siv cov duab, zoo li lub voj voog lossis ib lub xwmfab. Thaum koj tsim koj cov favicon, nws feem ntau zoo dua yog tias nws muaj peev xwm haum hauv ib qho ntawm cov ntawv yooj yim no vim tias daim ntawv dawb tuaj yeem tuaj yeem ua rau tsis meej pem lossis tsis meej pem ntawm 16x16 pixels. Lwm qhov tseem ceeb ntawm koj qhov kev tsim yog hu ua kev sib haum xeeb zoo nkauj. Kev sib haum xeeb zoo nkauj suav nrog cov ntsiab lus thiab qhov ntau ntawm cov khoom sib txawv hauv koj cov favicon thiab koj cov favicon sib npaug li cas. Qhov ntau yam sib xws cov ntsiab lus, qhov sib koom ua ke koj cov favicon yuav zoo. Piv txwv li, siv ntau hom font lossis ntau thiab tsawg hauv koj qhov favicon tsis txaus siab rau lub qhov muag thiab tuaj yeem ua rau koj cov favicon saib tsis meej pem lossis tsis meej pem.
- Lwm qhov piv txwv ntawm kev zoo nkauj zoo nkauj yog tswj cov fab sib npaug thoob plaws cov duab hauv koj qhov kev nyiam.
- Ib qho piv txwv zoo ntawm lub cim uas tau hloov pauv daim ntawv yog Google favicon. Nws tau hloov pauv los ntawm ib lub xwmfab rau ib lub voj voog.
Kauj Ruam 5. Siv cov xim uas sib haum rau koj lub npe
Thaum koj tsim koj cov favicon, koj yuav tsum tsim nws hauv 8 ntsis (256 xim) lossis 24 ntsis (16.7 lab xim) xim tob, vim qhov no yuav ua haujlwm ntawm cov browser niaj hnub no. Nco ntsoov tias cov xim uas koj xaiv tuaj yeem pom nyob rau lwm qhov ntawm koj lub vev xaib lossis cuam tshuam nrog qee txoj hauv kev nrog koj hom. Cov favicon nrog cov xim uas tsis nyob ntawm koj lub vev xaib, logo, lossis cov ntawv thov yuav tsis nco, thiab tib neeg yuav tsis tuaj yeem koom nrog lub cim nrog koj hom.
- Qee qhov muaj tswv yim siv cov xim favicon suav nrog GitHub uas hloov xim nyob ntawm koj li xwm txheej system thiab Trello, uas hloov pauv nyob ntawm koj cov xim keeb kwm yav dhau.
- Cov xim feem ntau siv hauv favicons yog liab thiab xiav.
Kauj Ruam 6. Xav txog koj cov neeg tuaj saib thaum tsim cov favicon
Lwm yam tshaj li kev txheeb xyuas koj lub npe, koj cov favicon xav tau saib zoo rau koj cov neeg tuaj saib. Cov tib neeg nrog kev nyiam sib txawv, kev nyiam, thiab kev coj noj coj ua hauv zej zog yuav saib cov cim sib txawv los ntawm kev xav sib txawv. Kev sib txawv ntawm kab lis kev cai muaj nyob hauv peb lub zej zog thiab tuaj yeem cuam tshuam lossis cuam tshuam cov neeg mloog koj tab tom sim nyiam.
Piv txwv li, Mac Os X siv lub thwj cim uas yog lub cim thoob ntiaj teb rau kev xa ntawv. Kev siv lub thawv xa ntawv yuav tsis muaj txiaj ntsig vim tias lub thawv ntawv sib txawv hauv ntau qhov chaw hauv ntiaj teb
Kauj Ruam 7. Tau txais kev pom zoo ntawm cov phooj ywg thiab cov npoj yaig
Txawm hais tias nws tsis yog qhov teeb meem tsis txaus ntseeg, qhov favicon yog ib feem tseem ceeb ntawm koj hom. Piv txwv li, xav txog koj cov vev xaib nyiam xws li Twitter, Gmail, Facebook, lossis wikiHow, thiab ntau npaum li cas koj koom nrog cov favicon nrog cov khoom lag luam. Yog tias koj tsis muaj lub qhov muag zoo rau kev tsim, lossis koj xav tsis thoob tias yuav tsim yam twg zoo rau koj lub xaib, sab laj nrog cov phooj ywg uas muaj qhov muag rau tsim lossis leej twg ua haujlwm hauv kev tsim duab.
- Nug ib puag ncig hauv koj lub network ntawm cov phooj ywg seb puas muaj leej twg tuaj yeem muab tswv yim tsim dawb.
- Cov tuam txhab loj dua muaj cov tsim duab sab hauv tsev uas tuaj yeem tsim cov duab favicon.
Txoj Kev 2 ntawm 3: Tsim Koj Li Favicon
Kauj Ruam 1. Siv software kho duab los tsim koj cov favicon
Koj tuaj yeem siv software kho duab zoo li Adobe Photoshop lossis Illustrator los tsim cov duab rau koj nyiam. Cov ntawv thov software no tseem tso cai rau koj hloov pauv thiab xa cov duab hauv hom ntawv raug. Qee qhov software tso cai rau koj los tsim koj cov favicon los ntawm txhais tes.
- Kuj tseem muaj cov khoos phis tawj tshwj xeeb cov khoos kas uas koj tuaj yeem pom hauv online.
- Siv lub tshuab tshawb nrhiav thiab ntaus hauv "favicon editors."
- Ua rau koj cov ntaub ntawv loj 512x512 pixels vim tias tus lej no ua rau feem ntau siv tau qhov loj me me thiab tseem loj txaus rau koj los kho kom raug.
- Lwm qhov software kho duab nrov suav nrog GIMP, PhotoScape, thiab Paint. NET.
- Thaum siv cov software no, koj yuav tsis tuaj yeem hloov kho cov ntaub ntawv.ico ncaj qha, tab sis koj tuaj yeem siv.png,.jpg, lossis-g.webp" />
Kauj Ruam 2. Hloov kho thiab txuag koj cov favicon
32x32 px yog qhov loj me ntawm Windows desktop khoom thaum 16x16 px yog qhov loj ntawm favicons hauv koj tus browser tab. Tom qab koj tsim koj cov favicon hauv hom loj dua, nws yog ib qho tseem ceeb kom txo nws qhov loj me yog li koj tuaj yeem pom nws yuav zoo li cas hauv tib neeg qhov browser. Yog tias nws nyeem tsis tau lossis tsis zoo nkauj, pib dua ntawm koj tus qauv tsim. Xav txog lub platform uas koj lub vev xaib lossis daim ntawv thov feem ntau yuav siv rau thiab tom qab ntawd tsim cov favicon los npog tag nrho koj cov hauv paus.
- Nws yog ib qho tseem ceeb kom nco ntsoov tias kev kho vajtse thiab software sib txawv siv ntau qhov sib txawv favicon.
- Qee qhov lwm qhov loj me muaj xws li 57x57px rau tus qauv iOS lub vijtsam hauv tsev, 72x72px rau iPad, 96x96px rau Google TV, 128x128px rau Chrome Web Store thiab 195x195px rau Opera Speed Dial.
- Yog tias koj xav npog tag nrho koj cov hauv paus koj tuaj yeem tsim cov qauv ntawm koj cov favicon hauv txhua qhov ntau thiab tsawg.
- Txuag cais cov qauv ntawm koj cov favicon, yog li koj tsis poob txoj haujlwm koj tau ua.
Kauj Ruam 3. Muab koj cov ntaub ntawv siv tus hloov pauv
Qhov zoo tshaj plaws txog.ico cov ntaub ntawv yog tias koj tuaj yeem muab ntau dua ib daim ntawv los tsim nws. Qhov no muaj txiaj ntsig vim tias qhov browser sib txawv thiab software yuav xav tau qhov sib txawv me me favicon. Txhawm rau kom ntseeg tau tias koj cov favicon zoo nyob thoob plaws txhua lub platform sib txawv, hloov koj cov ntaub ntawv siv qhov hloov pauv online. Ntaus "icon hloov pauv" rau hauv koj lub tshuab tshawb fawb uas koj nyiam kom nrhiav tau cov ntawv thov online dawb los ua qhov no. Txuag cov ntawv sib koom ua "favicon.ico."
- Koj kuj tseem tuaj yeem siv txoj haujlwm zoo li GIMP uas muaj qhov ua tau zoo, lossis rub tawm lub plugin hu ua ICO FORMAT rau Adobe Photoshop.
- Tsim daim nplaub tshev tshiab kom koj tuaj yeem khaws cov favicons tshiab lossis ua haujlwm tau zoo.
- Hom ".ico converter" lossis "favicon generator" hauv lub tshuab tshawb nrhiav kom pom cov cuab yeej sib txawv uas koj tuaj yeem siv.
Txoj Kev 3 ntawm 3: Siv Koj Li Favicon
Kauj Ruam 1. Upload koj cov favicon yog tias koj siv tus kho lub vev xaib
Ntau tus kws kho lub vev xaib tuaj nrog daim ntawv tsim ua uas tso cai rau koj upload koj cov favicon rau koj lub vev xaib tau. Yog tias koj tab tom siv tus kws kho lub vev xaib uas tau tsim qhov no, saib rau cov kev xaiv uas hais tias "Upload Favicon" lossis "Add Favicon" hauv koj lub vev xaib cov ntawv qhia zaub mov. Xaiv koj cov ntaub ntawv favicon.ico thiab xa nws mus rau koj lub xaib.
Yog tias koj tsis tuaj yeem pom qhov chaw tso koj cov favicon ntawm koj lub vev xaib tus kws kho mob, koj yuav tsum ua nws tus kheej
Kauj Ruam 2. Rub cov ntawv mus rau koj lub xaib cov npe hauv paus
Yog tias koj lub vev xaib txhawb nqa Cov Cai Hloov Ntaub Ntawv lossis FTP, tom qab ntawd koj tuaj yeem siv koj li FTP tus neeg siv xa koj cov ntaub ntawv tshiab favicon.icon rau koj lub hauv paus (cim npe) cov npe. Yog tias tsis yog, tom qab ntawd koj yuav tsum tau mus rau koj lub vev xaib nplooj ntawv thiab rub cov duab los ntawm tus kheej. Nco ntsoov hloov cov ntawv favicon.ico uas twb muaj lawm nrog koj cov ntawv tshiab.
Kauj Ruam 3. Ntxiv cov ntawv rau hauv koj lub taub hau
Nrhiav qhov chaw uas koj tuaj yeem nkag mus rau PHP thiab CSS cov ntaub ntawv rau koj lub xaib. Mus rau koj lub xaib cov ntaub ntawv header.php thiab kho nws. Hauv qab hom ntawv,"
-
. Qhov no yuav tsum txuas koj lub xaib rau koj cov favicon.
Vim tias koj siv PHP, nws txhais tau tias txhua lub vev xaib uas siv koj cov ntawv header yuav tam sim no muaj tib lub favicon
Tsim Koj Tus Kheej Favicon Icon Kauj Ruam 14 Kauj Ruam 4. Kho koj lub browser tshiab
Thaum koj ua tiav xa cov favicon koj tuaj yeem rov kho koj lub browser kom pom koj cov duab tshiab tom ntej ntawm qhov chaw nyob bar. Txhawm rau mus ncaj qha rau daim duab ntawm koj qhov kev hloov kho tshiab, ntaus, "https://www.yourdomain.com/favicon.ico."
- Yog tias koj qhov favicon tsis tshwm sim thawj zaug, koj yuav tsum tau rov pib dua koj lub browser cache.
- Txhawm rau tshem koj lub cache, mus rau koj lub browser teeb tsa thiab rho tawm koj Cov Ntaub Ntawv Internet Ib Ntus, Ncuav Qab Zib, thiab Keeb Kwm.
