HTML တွင် favicon တစ်ခုထည့်ခြင်းနှင့်ပတ်သက်သည့် အဓိကပြဿနာမှာ အပိုကုဒ်တစ်ခုလိုအပ်ခြင်းပင်ဖြစ်သည်။ Favicons များသည် ဝဘ်ဆိုက်တစ်ခု၏ ဘရောက်ဆာ တက်ဘ် သို့မဟုတ် လိပ်စာဘားတွင် ပေါ်လာသည့် အိုင်ကွန်ငယ်များ ဖြစ်သည်။ HTML စာမျက်နှာတစ်ခုသို့ favicon တစ်ခုထည့်ရန်၊ သင်သည် "shortcut icon" ဟုသတ်မှတ်ထားသည့် rel attribute နှင့် favicon ဖိုင်၏တည်နေရာအတွက် သတ်မှတ်ထားသော href attribute ကို ထည့်သွင်းရပါမည်။ HTML coding နဲ့ မရင်းနှီးတဲ့သူတွေအတွက် အချိန်ကုန်ပြီး ခက်ခဲနိုင်ပါတယ်။ ထို့အပြင်၊ အချို့ဘရောက်ဆာများသည် favicons အမျိုးအစားအချို့ကို အသိအမှတ်မပြုနိုင်သောကြောင့် သင့်စာမျက်နှာသို့မထည့်မီ သင်၏ favicon သည် ဘရောက်ဆာအားလုံးနှင့် သဟဇာတဖြစ်ရန် အရေးကြီးပါသည်။
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
1. ဤကုဒ်မျဉ်းသည် ဘရောက်ဆာတက်ဘ်ရှိ စာမျက်နှာခေါင်းစဉ်ဘေးရှိ အိုင်ကွန်ငယ်တစ်ခုကို ပြသရန်အတွက် ပြင်ပဖိုင်တစ်ခုသို့ လင့်ခ်တစ်ခုကို ဖန်တီးပေးသည်။
2. "rel" ရည်ညွှန်းချက်သည် လက်ရှိစာရွက်စာတမ်းနှင့် ချိတ်ဆက်ထားသောစာရွက်စာတမ်းအကြား ဆက်နွှယ်မှုကို သတ်မှတ်ပေးသည်၊ ဤအခြေအနေတွင် ဖြတ်လမ်းသင်္ကေတတစ်ခုဖြစ်သည်။
3. "href" ရည်ညွှန်းချက်သည် ဤကိစ္စတွင် "favicon.ico" ဖြစ်သည့် ချိတ်ဆက်ထားသော စာရွက်စာတမ်း၏တည်နေရာကို သတ်မှတ်သည်။
4. "အမျိုးအစား" ရည်ညွှန်းချက်သည် ချိတ်ဆက်ထားသော စာရွက်စာတမ်း၏ မီဒီယာအမျိုးအစားကို သတ်မှတ်ပေးသည်၊ ယင်းတွင် ဤကိစ္စရပ်တွင် x-icon ဖော်မတ်ပါသော ရုပ်ပုံတစ်ခုဖြစ်သည်။
Favicon ဆိုတာဘာလဲ
Favicon (“အကြိုက်ဆုံးသင်္ကေတ” ၏အတိုကောက်) သည် ဝဘ်ဆိုက် သို့မဟုတ် ဝဘ်စာမျက်နှာတစ်ခုနှင့် ဆက်စပ်နေသည့် သေးငယ်ပြီး 16×16 ပုံတစ်ခုဖြစ်သည်။ ၎င်းကို စာမျက်နှာ၏ ခေါင်းစဉ်နှင့် စာညှပ်များစာရင်းဘေးရှိ ဘရောင်ဇာ၏ လိပ်စာဘားတွင် ပြသထားသည်။ Favicons များကို မတူညီသော ဝဘ်ဆိုဒ်များကြားတွင် ရှာဖွေဖော်ထုတ်ရန်နှင့် သွားလာရန် အသုံးပြုသူများအတွက် လွယ်ကူသောနည်းလမ်းကို ပံ့ပိုးပေးရန်အတွက် အသုံးများဆုံးအသုံးပြုသည်။
HTML တွင် favicon ကိုဘယ်လိုထည့်ရမလဲ
Favicon သည် ဝဘ်ဆိုက်တစ်ခု၏ ဘရောက်ဆာတက်ဘ်တွင် ပေါ်လာသည့် အိုင်ကွန်ငယ်တစ်ခုဖြစ်သည်။ သင့်ဝဘ်ဆိုဒ်ကို ခွဲခြားသိမြင်နိုင်စေရန်နှင့် ၎င်းကို လာရောက်လည်ပတ်သူများ ပိုမိုမှတ်မိစေရန်အတွက် ၎င်းကို အသုံးပြုပါသည်။ HTML တွင် favicon တစ်ခုထည့်ရန်၊ သင်၏ HTML စာရွက်စာတမ်း၏ ကဏ္ဍတွင် အောက်ပါကုဒ်ကို ထည့်သွင်းရန် လိုအပ်ပါမည်-
သင့် favicon ဖိုင်ကို သိမ်းဆည်းထားသည့် လမ်းကြောင်းဖြင့် “path/to/favicon.ico” ကို အစားထိုးပါ။ ဖိုင်သည် .ico ဖော်မတ်ဖြစ်သင့်ပြီး အရွယ်အစားမှာ 16×16 pixels သို့မဟုတ် 32×32 pixels ဖြစ်သင့်သည်။
SVG favicon ထည့်နည်း
1. SVG ဖိုင်တစ်ခုဖန်တီးပါ- ပထမအဆင့်မှာ သင် favicon အဖြစ်အသုံးပြုလိုသော SVG ဖိုင်ကို ဖန်တီးရန်ဖြစ်သည်။ Adobe Illustrator သို့မဟုတ် Inkscape ကဲ့သို့သော vector ဂရပ်ဖစ် တည်းဖြတ်မှုဖြင့် ၎င်းကို သင်ကိုယ်တိုင် ဖန်တီးနိုင်သည် သို့မဟုတ် ဝဘ်မှ တစ်ခုကို ဒေါင်းလုဒ်လုပ်နိုင်သည်။
2. SVG ကို ICO ဖော်မတ်သို့ ပြောင်းပါ- သင့်တွင် သင့် SVG ဖိုင်ရှိသည်နှင့်၊ ၎င်းကို ICO ဖော်မတ်သို့ ပြောင်းရန် လိုအပ်သည်။ Convertio သို့မဟုတ် CloudConvert ကဲ့သို့သော အခမဲ့အွန်လိုင်းပြောင်းစက်ကို အသုံးပြု၍ ၎င်းကို လုပ်ဆောင်နိုင်သည်။
3. HTML တွင် favicon လင့်ခ်တဂ်ကို ပေါင်းထည့်ပါ- သင့် ICO ဖိုင်ရရှိသည်နှင့်၊ သင်၏ HTML စာရွက်စာတမ်း၏ ကဏ္ဍတွင် အောက်ပါကုဒ်ကို ထည့်ပါ။
၎င်းသည် သင့်ဝဘ်ဆိုဒ်အတွက် favicon ဖြစ်ကြောင်း ဘရောက်ဆာများကို ပြောပြမည်ဖြစ်ပြီး တစ်စုံတစ်ဦးမှ သင့်ဆိုက်ကို ဝင်ရောက်သည့်အခါ ၎င်းတို့က ၎င်းကို ပြသသင့်သည်။
4. စမ်းသပ်ခြင်းနှင့် ပြဿနာဖြေရှင်းခြင်း- နောက်ဆုံးတွင်၊ မတူညီသောဘရောက်ဆာများနှင့် စက်ပစ္စည်းများတွင် သင့်ဝဘ်ဆိုဒ်ကို ဝင်ရောက်ကြည့်ရှုခြင်းဖြင့် သင်၏ favicon အသစ်ကို စမ်းသပ်ပြီး နေရာတိုင်းတွင် ကောင်းမွန်ကြောင်းသေချာပါစေ။ ပြဿနာတစ်စုံတစ်ရာရှိပါက Google Chrome ၏ DevTools သို့မဟုတ် Firefox ၏ Web Developer Tools ကဲ့သို့သော ကိရိယာများဖြင့် ပြဿနာရှာကြည့်ပါ။