အခမဲ့ · watermark မပါ · ဘာသာစကား 52 မျိုး

စက်ပစ္စည်းတိုင်းအတွက် favicon ဖန်တီးကိရိယာ

မည်သည့်ပုံကိုမဆို favicon.ico၊ Apple touch icon များ၊ Android နှင့် PWA icon များနှင့် တန်းကူးထည့်နိုင်သော HTML ကုဒ်အဖြစ် ပြောင်းပါ။ ဒါမှမဟုတ် သင့်ကိုယ်ပိုင် icon ကို pixel တစ်ခုချင်းစီဖြင့် ရေးဆွဲပါ။

သင့် favicon ပက်ကေ့ချ် အဆင်သင့်ဖြစ်ပါပြီ

zip ထဲမှ ဖိုင်များကို တင်ပြီး ဤကုဒ်ကို <head> ထဲသို့ ကူးထည့်ပါ

favicon ကို အဆင့် 3 ဆင့်ဖြင့် ဖန်တီးနည်း

မည်သည့် လိုဂို သို့မဟုတ် ပုံမှမဆို စံနှုန်းနှင့်ညီသော favicon အစုံအလင်ကို တစ်မိနစ်အတွင်း ရယူပါ။

သင့်ပုံကို တင်ပါ

PNG, JPG, WebP, AVIF, GIF, SVG သို့မဟုတ် ICO ဖိုင်ကို generator ထဲသို့ ချပါ၊ ဒါမှမဟုတ် pixel editor တွင် icon တစ်ခု ရေးဆွဲပါ။

ဖြတ်တောက်မှုနှင့် အရောင်များကို ချိန်ညှိပါ

ပုံကို ဆွဲရွှေ့ပြီး ချဲ့ပါ၊ အနားဖယ်ခြင်း၊ လုံးဝိုင်းသော ထောင့်များ၊ နောက်ခံနှင့် အပြင်အဆင်အရောင်ကို သတ်မှတ်ပါ။

ဒေါင်းလုဒ်ဆွဲပြီး ထည့်သွင်းပါ

ZIP ကို ဒေါင်းလုဒ်ဆွဲပြီး ဖိုင်များကို သင့်ဝက်ဘ်ဆိုက်သို့ တင်ကာ HTML ကုဒ်ကို <head> ထဲတွင် ကူးထည့်ပါ။

သင့်ဝက်ဘ်ဆိုက် icon လိုအပ်သမျှ

တစ်ကြိမ်တင်ရုံဖြင့် ခေတ်သစ်ဘရောက်ဇာများ၊ ဖုန်းများ၊ တက်ဘလက်များနှင့် operating system များ တောင်းဆိုသော icon အားလုံးကို ဖန်တီးပေးသည်။

ဘရောက်ဇာ favicon များ

Chrome၊ Firefox၊ Safari နှင့် Edge အတွက် အရွယ်အစားစုံ favicon.ico နှင့် 16၊ 32၊ 96 px PNG icon များ။

Apple touch icon များ

57 မှ 180 px အထိ iPhone နှင့် iPad ပင်မစာမျက်နှာ အရွယ်အစားအားလုံးကို အဖြည့်နောက်ခံဖြင့် ပေးသည်။

Android နှင့် PWA

512 px အထိ icon များ၊ maskable icon တစ်ခုနှင့် ထည့်သွင်းနိုင်သော ဝက်ဘ်အက်ပ်များအတွက် အဆင်သင့် manifest.json။

Windows tile များ

သင့် tile အရောင်ပါသော tile ပုံများနှင့် browserconfig.xml။

Pixel တည်းဖြတ်ကိရိယာ

16×16 icon တစ်ခုကို အစမှ ပြတ်သားစွာ ရေးဆွဲပါ သို့မဟုတ် တင်ထားသောပုံ၏ pixel တစ်ခုချင်းစီကို ချိန်ညှိပါ။

HTML ကုဒ် ပါဝင်သည်

ဒေါင်းလုဒ်စာမျက်နှာတွင်နှင့် package တိုင်း၏ readme တွင် ကူးထည့်ရန် အဆင်သင့် <head> ကုဒ်။

REST API

ကိုယ်ပိုင် API key များနှင့် အဆင်သင့် ကုဒ်နမူနာများဖြင့် favicon ထုတ်လုပ်မှုကို အလိုအလျောက်လုပ်ပါ။

ကိုယ်ပိုင်နှင့် လုံခြုံ

hot-linking မရှိ၊ အများသုံး ပြခန်းများ မရှိ။ သင့် icon များသည် သင့်ပိုင်ဆိုင်မှုအဖြစ် ကျန်ရှိပြီး သင့်ကိုယ်ပိုင်ဆာဗာတွင် ထားရှိသည်။

package ထဲရှိ favicon အရွယ်အစားများ

ဖိုင်	အရွယ်အစား	အသုံးပြုသူ
`favicon.ico`	16, 32, 48	ဘရောက်ဇာအားလုံး၊ Windows၊ crawler များ
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	ဘရောက်ဇာ တက်ဘ်များ၊ ဘွတ်မာ့ခ်များ
`favicon-96x96.png`	96	Google ရှာဖွေမှုရလဒ်များ၊ ဒက်စ်တော့ ရှော့တ်ကတ်များ
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone, iPad ပင်မစခရင်
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android ပင်မစခရင်၊ PWA
`maskable-icon-512x512.png`	512	Android adaptive အိုင်ကွန်များ
`ms-icon-*.png`	70 – 310	Windows Start တိုင်လ်များ
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA ထည့်သွင်းခြင်း၊ Windows ဖွဲ့စည်းမှု

မေးလေ့ရှိသော မေးခွန်းများ

favicon ဆိုတာ ဘာလဲ။

favicon ဆိုသည်မှာ ဘရောက်ဇာ တက်ဘ်များ၊ ဘွတ်မတ်များ၊ မှတ်တမ်းနှင့် ရှာဖွေမှုရလဒ်များတွင် သင့်ဝဘ်ဆိုက်အမည်ဘေးတွင် ပြသသော အိုင်ကွန်ငယ်ဖြစ်သည်။ ခေတ်သစ်ဆိုက်များသည် iPhone နှင့် Android ပင်မစခရင်များ၊ Windows tile များနှင့် Progressive Web App များအတွက် ပိုကြီးသော ဗားရှင်းများလည်း လိုအပ်သည်။

မည်သည့် ပုံဖော်မတ်များကို အပ်လုဒ်လုပ်နိုင်သလဲ။

PNG၊ JPG၊ WebP၊ AVIF၊ GIF၊ BMP၊ SVG သို့မဟုတ် ရှိပြီးသား ICO ဖိုင်ကို အပ်လုဒ်လုပ်နိုင်သည်။ အကြည်ဆုံးရလဒ်အတွက် ဘက်ပြိုင်နှင့် နောက်ခံ trasparent ဖြစ်သော အနည်းဆုံး ၅၁၂ × ၅၁၂ pixel ရှိသည့် စတုရန်းပုံကို သုံးပါ။

favicon ပက်ကေ့ဂျ်တွင် ဘာတွေပါသလဲ။

အရွယ်အစားစုံ favicon.ico (၁၆၊ ၃၂ နှင့် ၄၈ px)၊ PNG favicon များ၊ Apple touch icon အားလုံး၊ maskable icon အပါအဝင် Android နှင့် PWA icon များ၊ Windows tile ပုံများ၊ manifest.json၊ site.webmanifest၊ browserconfig.xml နှင့် တပ်ဆင်ရန် အဆင့်များနှင့် တန်းကူးထည့်နိုင်သော HTML ကုဒ်ပါသည့် readme ဖိုင်တို့ ပါဝင်သည်။

MakeFav သည် အခမဲ့လား။

ဟုတ်ကဲ့။ favicon များကို ဖန်တီးခြင်း၊ တည်းဖြတ်ခြင်းနှင့် ဒေါင်းလုဒ်လုပ်ခြင်းသည် လုံးဝ အခမဲ့ဖြစ်သည်။ အီးမေးလ်လိပ်စာ အတည်ပြုထားသော အခမဲ့အကောင့်တစ်ခုသာ လိုအပ်ပြီး အခမဲ့အကောင့်တွင် တစ်ပတ်လျှင် အများဆုံး တစ်ကြိမ်ပို့သော သတင်းလွှာ ပါဝင်သည်။

ဒေါင်းလုဒ်လုပ်ရန် အကောင့် ဘာကြောင့် လိုအပ်သလဲ။

အကောင့်များသည် ဝန်ဆောင်မှုကို အလွဲသုံးစားလုပ်ခြင်းနှင့် hot-linking မှ ကာကွယ်ပေးပြီး သင့် favicon ပက်ကေ့ဂျ်များ၏ မှတ်တမ်းကို သိမ်းထားကာ ကိုယ်ပိုင် API key များ ပေးသည်။ ဖန်တီးထားသော အိုင်ကွန်များကို ကျွန်ုပ်တို့ဆာဗာများမှ ထုတ်ပြန်ခြင်း သို့မဟုတ် hot-link လုပ်ခြင်း လုံးဝမပြုလုပ်ပါ – သင်ကိုယ်တိုင် host လုပ်ရမည်။

favicon ကို ကျွန်ုပ်၏ ဝဘ်ဆိုက်တွင် မည်သို့ တပ်ဆင်ရမလဲ။

ပက်ကေ့ဂျ်ကို unzip လုပ်ပြီး ဖိုင်အားလုံးကို သင့်ဝဘ်ဆိုက်၏ root ဖိုလ်ဒါသို့ အပ်လုဒ်လုပ်ကာ HTML ကုဒ်ကို စာမျက်နှာတိုင်း၏ <head> အပိုင်းထဲတွင် ကူးထည့်ပါ။ ထိုကုဒ်ကို ပက်ကေ့ဂျ်ထဲရှိ readme-makefav.txt ၏ အဆုံးတွင်လည်း တွေ့နိုင်သည်။

၂၀၂၆ တွင်ပင် favicon.ico လိုအပ်သေးလား။

ဟုတ်ကဲ့။ ကိရိယာများ၊ crawler များနှင့် ဘရောက်ဇာဟောင်းများစွာသည် /favicon.ico ကို အလိုအလျောက် ဆက်လက်တောင်းဆိုနေဆဲဖြစ်သည်။ အကောင်းဆုံး ကာမိစေရန် PNG နှင့် SVG အိုင်ကွန်များနှင့် web manifest တို့ကို တွဲသုံးပါ။

favicon များကို အလိုအလျောက် ဖန်တီးနိုင်ပါသလား။

ဟုတ်ကဲ့။ သင့် build pipeline၊ CMS သို့မဟုတ် အက်ပ်မှ favicon ပက်ကေ့ဂျ်အပြည့်အစုံကို ဖန်တီးရန် သင့်ကိုယ်ပိုင် API key ဖြင့် MakeFav REST API ကို သုံးပါ။ ကုဒ်ဥပမာများအတွက် API စာရွက်စာတမ်းကို ကြည့်ပါ။

သင့် favicon ကို ယခုပဲ ဖန်တီးပါ

ကြော်ငြာ