ဝဘ်ဆိုက်များအတွက် Favicon နှင့် ဆိုက်အိုင်ကွန်များ၏ အရေးပါပုံ
ဝဘ်ဆိုက်တစ်ခု၏ အမှတ်တံဆိပ်နှင့် သုံးစွဲသူ အတွေ့အကြုံအတွက် ဆိုက်အိုင်ကွန် (Favicon) များသည် မရှိမဖြစ် လိုအပ်ပါသည်။ ၎င်းတို့သည် ဘရောက်ဆာ တက်ဘ်များ၊ စမတ်ဖုန်း ပင်မမျက်နှာပြင်များနှင့် Progressive Web Apps (PWAs) များတွင် ဝဘ်ဆိုက်ကို အလွယ်တကူ မှတ်မိစေရန် ကူညီပေးသည်။ စက်ပစ္စည်းများနှင့် ပလက်ဖောင်း အမျိုးမျိုးတွင် အိုင်ကွန်များ ကောင်းမွန်စွာ ပြသနိုင်ရန်အတွက် သတ်မှတ်ထားသော ပစ်ဇယ်အရွယ်အစား အမျိုးမျိုးနှင့် ဖိုင်အမျိုးအစား အမျိုးမျိုး လိုအပ်ပါသည်။ ဤ Favicon Generator သည် ပုံတစ်ပုံတည်းကို အသုံးပြု၍ လိုအပ်သော အိုင်ကွန်ဖိုင် အားလုံးနှင့် HTML ကုဒ်များကို တစ်ပါတည်း ထုတ်လုပ်ပေးနိုင်ပါသည်။
ထည့်သွင်းနိုင်သော မူရင်းပုံစံနှင့် ကန့်သတ်ချက်များ
ဤကိရိယာတွင် အသုံးပြုရန်အတွက် အောက်ပါ သတ်မှတ်ချက်များနှင့် ကိုက်ညီသော ပုံများကို ထည့်သွင်းနိုင်ပါသည် -
- ပံ့ပိုးပေးသော ဖိုင်အမျိုးအစားများ: PNG၊ JPG သို့မဟုတ် SVG ပုံစံများကိုသာ ပံ့ပိုးပေးပါသည်။
- ဖိုင်အရွယ်အစား ကန့်သတ်ချက်: အများဆုံး 50 MB အထိသာ ခွင့်ပြုပါသည်။
- အကြံပြုထားသော အရွယ်အစား: PNG သို့မဟုတ် JPG ပုံများအတွက် အနည်းဆုံး 512 × 512 pixels ရှိရန် အကြံပြုပါသည်။ ပိုမိုသေးငယ်သော ပုံများကို အသုံးပြုပါက အိုင်ကွန်အကြီးများ ထုတ်လုပ်သည့်အခါ ဝါးသွားနိုင်ပါသည်။ SVG ပုံစံကို အသုံးပြုပါက မည်သည့်အရွယ်အစားတွင်မဆို အကောင်းဆုံး ပြတ်သားမှုကို ရရှိစေပါသည်။
စတုရန်းပုံမဟုတ်သော ပုံများကို ညှိယူခြင်းနှင့် နောက်ခံရွေးချယ်မှုများ
ထုတ်လုပ်လိုက်သော အိုင်ကွန်များသည် အမြဲတမ်း စတုရန်းပုံစံများ ဖြစ်ကြသည်။ ထို့ကြောင့် စတုရန်းပုံမဟုတ်သော မူရင်းပုံများကို ထည့်သွင်းပါက အောက်ပါ ရွေးချယ်စရာ နှစ်ခုဖြင့် ညှိယူနိုင်ပါသည် -
- Fit (pad): ပုံတစ်ပုံလုံးကို မြင်တွေ့နိုင်ပြီး ဘေးပတ်ပတ်လည်တွင် နေရာလွတ်ချန်ကာ အလယ်တွင် ထားရှိပါမည်။ ၎င်းသည် မူရင်းအတိုင်း သတ်မှတ်ထားသော စနစ်ဖြစ်သည်။
- Fill (crop): ပုံသည် စတုရန်းကွက်ကို ပြည့်စေပြီး ပိုလျှံနေသော အနားများကို ဖြတ်တောက်ပါမည်။
နောက်ခံနှင့် ပတ်သက်၍ မူရင်းအတိုင်း ဖောက်ထွင်းမြင်ရသော နောက်ခံ ကို အသုံးပြုပါသည်။ ဖောက်ထွင်းမြင်ရခြင်းသည် ဘရောက်ဆာ တက်ဘ်များအတွက် သင့်တော်သော်လည်း၊ iPhone ပင်မမျက်နှာပြင် အိုင်ကွန်များတွင် ဖောက်ထွင်းမြင်ရသော နေရာများကို အနက်ရောင်အဖြစ် ခြယ်သတတ်သောကြောင့် iPhone အသုံးပြုသူများအတွက် နောက်ခံအရောင်တစ်ခု ကို ရွေးချယ်သတ်မှတ်ခြင်းက ပိုမိုစိတ်ချရပါသည်။
ထုတ်ပေးမည့် ဖိုင်များနှင့် အိုင်ကွန်ပက် အသေးစိတ်
အိုင်ကွန်များ ထုတ်ပေးပြီးပါက အောက်ပါဖိုင်များ ပါဝင်သော ZIP ဖိုင်တစ်ခုကို ရရှိမည်ဖြစ်သည် -
| ဖိုင်အမည် | ပါဝင်သော အရွယ်အစားနှင့် အသေးစိတ် | အသုံးပြုပုံ |
|---|---|---|
favicon.ico |
16, 32, 48 pixels | ဂန္ထဝင် တက်ဘ်အိုင်ကွန် |
PNG icons |
16, 32, 180, 192, 512 pixels | တက်ဘ်အိုင်ကွန်၊ iPhone/iPad ပင်မမျက်နှာပြင်နှင့် Android အိုင်ကွန်များ |
site.webmanifest |
စာသားဖိုင်အသေးစား | အိုင်ကွန်အကြီးများ ရှိသည့်နေရာကို စက်ပစ္စည်းများသို့ ပြောပြသည် |
SVG vector |
မူရင်း SVG ဖိုင် (SVG မှ စတင်ပါကသာ ပါဝင်မည်) | မည်သည့်အရွယ်အစားမဆို ပြတ်သားသော ခေတ်မီ ဘရောက်ဆာ အိုင်ကွန် |
ဝဘ်ဆိုက်တွင် ထည့်သွင်းအသုံးပြုနည်း
ထုတ်လုပ်ပြီးသော အိုင်ကွန်များကို ဝဘ်ဆိုက်တွင် အသုံးပြုရန် အောက်ပါအဆင့်များအတိုင်း ဆောင်ရွက်ပါ -
- ရရှိလာသော ZIP ဖိုင်ကို ဒေါင်းလုဒ်လုပ်ပြီး ဖြည်ချပါ။
- ဖိုင်အားလုံးကို သင့်ဝဘ်ဆိုက်၏ root folder သို့ တင်ပါ (ဥပမာ -
/favicon.icoအဖြစ် တိုက်ရိုက်ရရှိနိုင်ရပါမည်)။ - ကိရိယာမှ ထုတ်ပေးလိုက်သော HTML ကုဒ်များကို ကူးယူပြီး သင့်ဝဘ်ဆိုက်စာမျက်နှာတိုင်း၏
<head>tag အတွင်းသို့ ထည့်သွင်းပါ။
ကိုယ်ရေးအချက်အလက် လုံခြုံမှုနှင့် လုပ်ဆောင်ပုံစနစ်
ဤကိရိယာသည် သင့်ပုံကို သင့်ဘရောက်ဆာထဲတွင်သာ အိုင်ကွန်များအဖြစ် ပြောင်းလဲပေးပါသည်။ BroBroGo သို့ မည်သည့်အရာမျှ တင်ခြင်းမရှိပါ။ လုပ်ဆောင်မှုအားလုံးသည် သုံးစွဲသူ၏ စက်တွင်း၌သာ တိုက်ရိုက်ဖြစ်ပွားသဖြင့် ကိုယ်ရေးအချက်အလက် လုံခြုံမှုကို စိတ်ချနိုင်ပါသည်။
အမေးအဖြေများ (FAQ)
မေး - အိုင်ကွန်ပက်တွင် မည်သည့်ဖိုင်များ ပါဝင်သနည်း။
ဖြေ - အတွင်း၌ 16၊ 32 နှင့် 48 ပစ်ဇယ်ဗားရှင်းများ ပါဝင်သော favicon.ico၊ 16၊ 32၊ 180၊ 192 နှင့် 512 ပစ်ဇယ်ရှိ PNG အိုင်ကွန်များ၊ နှင့် အိုင်ကွန်အကြီးများကို စာရင်းပြုစုထားသည့် site.webmanifest တို့ ပါဝင်ပါသည်။ SVG မှ စတင်ပါက vector ကိုယ်တိုင်လည်း ပါဝင်မည်ဖြစ်ပါသည်။ ZIP တစ်ခုတည်းတွင် အားလုံးပါဝင်ပါသည်။
မေး - ကျွန်ုပ်၏ မူရင်းပုံသည် မည်သည့်အရွယ်အစား ရှိသင့်သနည်း။
ဖြေ - SVG သည် အကောင်းဆုံးဖြစ်သည် — အိုင်ကွန်တိုင်းကို vector မှ ဆွဲယူထားသောကြောင့် 16 ပစ်ဇယ်ပင်လျှင် ပြတ်သားနေမည် ဖြစ်ပါသည်။ PNG သို့မဟုတ် JPG အတွက် အနည်းဆုံး 512 × 512 မှ စတင်ပါ၊ ပိုမိုသေးငယ်သော ပုံများသည် အရွယ်အစားချဲ့လိုက်ပါက ဝါးသွားနိုင်ပါသည်။
မေး - နောက်ခံသည် ဖောက်ထွင်းမြင်ရသင့်သလား သို့မဟုတ် အရောင်တစ်ခု ရှိသင့်သလား။
ဖြေ - တက်ဘ်အိုင်ကွန်များသည် ဖောက်ထွင်းမြင်ရပါက ကြည့်ကောင်းပါသည်။ သို့သော် iPhone နှင့် iPad ပင်မမျက်နှာပြင်များသည် ဖောက်ထွင်းမြင်ရသော နေရာများကို အနက်ရောင်အဖြစ် ခြယ်သတတ်သည် — လူများက သင့်ဆိုဒ်ကို ၎င်းတို့၏ ပင်မမျက်နှာပြင်သို့ ထည့်သွင်းနိုင်ခြေရှိပါက နောက်ခံအရောင်တစ်ခုကို ရွေးချယ်ပါ။
မေး - စတုရန်းပုံမဟုတ်သော ပုံတစ်ပုံကို လုပ်ဆောင်ပါက မည်သို့ဖြစ်မည်နည်း။
ဖြေ - အိုင်ကွန်များသည် စတုရန်းပုံစံဖြစ်သော်လည်း သင့်ပုံကို ဆွဲဆန့်မည်မဟုတ်ပါ။ မူရင်းအတိုင်း ၎င်းကို ဘေးပတ်ပတ်လည်တွင် နေရာလွတ်ချန်ကာ အလယ်တွင် ထားရှိမည်ဖြစ်ပြီး၊ အနားသတ်များကို ဖြတ်တောက်ရန် "Fill (crop)" သို့ ပြောင်းလဲနိုင်ပါသည်။
မေး - ဖိုင်များကို ကျွန်ုပ်၏ဆိုဒ်တွင် မည်သည့်နေရာသို့ ထည့်ရမည်နည်း။
ဖြေ - ၎င်းတို့ကို သင့်ဆိုဒ်၏ root folder သို့ တင်ပါ၊ သို့မှသာ favicon.ico ကို /favicon.ico အဖြစ် ရရှိနိုင်မည်ဖြစ်ပြီး၊ ထို့နောက် ထုတ်ပေးလိုက်သော ကုဒ်လိုင်းများကို သင့်စာမျက်နှာများ၏ <head> ထဲသို့ ကူးထည့်ပါ။ ဘရောက်ဆာများသည် သင့်တော်သော အရွယ်အစားကို ၎င်းတို့ဘာသာ ရွေးချယ်ပါလိမ့်မည်။