ကျွန်ုပ်၏လိုဂိုမှ favicon ကို ဘယ်လိုပြုလုပ်ရမလဲ။

PNG၊ JPEG၊ WebP သို့မဟုတ် SVG ဖိုင်ကိုထည့်ပါ၊ ပုံသဏ္ဍာန်၊ အကွာအဝေးနှင့် အက်ပ်အမည်ကဲ့သို့ ရွေးချယ်စရာများကို သတ်မှတ်ပါ၊ ထို့နောက် favicon ပက်ကေ့ချ်ပြုလုပ်ရန် (.zip) ကို နှိပ်ပါ။ သင့် head ထဲ ကူးထည့်ရန် အောက်တွင်ပြထားသည့် HTML အပိုင်းအစကို ကူးယူပါ။

favicon ZIP ထဲတွင် မည်သည့်ဖိုင်များ ပါသလဲ။

favicon-package.zip တွင် favicon.ico၊ PNG အိုင်ကွန်များ (16၊ 32၊ 180၊ 192 နှင့် 512 ပစ်ဆယ်)၊ သင့်အက်ပ်အမည်ပါသော site.webmanifest နှင့် link တဂ်များပါသော favicon-snippet.html တို့ပါဝင်သည်။

မည်သည့်ပုံအရွယ်အစားနှင့် ဖော်မတ်ကို အပ်လုဒ်လုပ်သင့်သလဲ။

PNG၊ JPEG၊ WebP နှင့် SVG ကို လက်ခံပြီး တစ်ကြိမ်လျှင် ဖိုင်တစ်ခု။ အပြတ်သားဆုံးရလဒ်အတွက် အနည်းဆုံး 512x512 ရှိသော စတုရန်းပုံကို သုံးပါ၊ ဖောက်ထွင်းမြင်ရသော PNG သို့မဟုတ် SVG က အကောင်းဆုံးဖြစ်သည်။

ဝိုင်းသော သို့မဟုတ် ထောင့်ဝိုင်း favicon ကို ဘယ်လိုရမလဲ။

အပ်လုဒ်လုပ်ပြီးနောက် ပုံသဏ္ဍာန် အောက်တွင် စတုရန်း၊ ထောင့်ဝိုင်း သို့မဟုတ် စက်ဝိုင်း ကို ရွေးပါ။ အကွာအဝေးကို 0 မှ 25 ရာခိုင်နှုန်းအထိ ချိန်ညှိနိုင်ပြီး ဘရောက်ဇာတက်ဘ်အကြိုကြည့်ရှုမှုတွင် ရလဒ်ကို ကြည့်နိုင်သည်။

ကျွန်ုပ်၏ပုံကို အပ်လုဒ်လုပ်သလား၊ ထုတ်လုပ်မှု ဘာကြောင့်မအောင်မြင်သလဲ။

အိုင်ကွန်များကို ဘရောက်ဇာ Canvas ဖြင့်ဆွဲပြီး သင့်စက်ပေါ်တွင် JSZip ဖြင့် zip လုပ်သည်။ ဤပုံကို မတင်နိုင်ပါ ဟု တွေ့လျှင် ဖိုင်ပျက်စီးနေနိုင်သည်၊ အခြားပုံ သို့မဟုတ် ဘရောက်ဇာကို စမ်းကြည့်ပါ။

တကယ် အခမဲ့လား။

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

ကျွန်ုပ်၏ဖိုင်များ အပ်လုဒ်လုပ်သလား။

မဟုတ်ပါ။ သင့်ဖိုင်များကို သင့်ဘရောက်ဇာထဲတွင်ပင် ဖွင့်၍ လုပ်ဆောင်ပြီး LibraTool သို့ မပို့ပါ။ ကိရိယာအချို့သည် အရင်ဆုံး လုပ်ဆောင်မှုအင်ဂျင် သို့မဟုတ် AI မော်ဒယ်ကို သင့်ဘရောက်ဇာသို့ ဒေါင်းလုဒ်လုပ်ပါသည်၊ ထိုဒေါင်းလုဒ်တွင် သင့်ဒေတာ မပါဝင်ပါ။

မိုဘိုင်းတွင် အလုပ်လုပ်ပါသလား?

ရပါတယ်။ iOS နှင့် Android ရှိ ခေတ်သစ်မိုဘိုင်းဘရောက်ဇာများတွင် ဘာမျှ ထည့်သွင်းစရာမလိုဘဲ အလုပ်လုပ်ပါသည်။ အလွန်ကြီးသောဖိုင်များသည် ဖုန်းတွင် နှေးနိုင်ပါသည် သို့မဟုတ် မှတ်ဉာဏ်ပြည့်သွားနိုင်ပါသည်၊ ထိုသို့သောဖိုင်များအတွက် ကွန်ပျူတာကို သုံးပါ။

🌟

အခမဲ့ Favicon ထုတ်လုပ်စက်

မည်သည့် ဓာတ်ပုံကိုမဆို favicon package အပြည့်အစုံ — multi-size favicon.ico, Apple touch icon, Android/PWA icon, web manifest နှင့် paste အသင့် HTML snippet — zip ပြုလုပ်ကာ browser တွင် ဆောင်ရွက်သည်。

ဖိုင်အရွယ်အစားသည် သင့်စက်ပေါ်တွင် မူတည်ပါသည်ဖိုင်များ ကိုယ်ပိုင်အဖြစ် ကျန်နေသည်လော့ဂ်အင် မလိုပါထာဝရ အခမဲ့

ဖိုင်ကို ဤနေရာသို့ ချပါ သို့မဟုတ် ရွေးရန် နှိပ်ပါ

PNG, JPG, WebP, SVG, HEIC, HEIF · သင့်စက်ထဲတွင်သာ လုပ်ဆောင်ပါသည်

သို့မဟုတ် ကလစ်ဘုတ်မှ ကူးထည့်ရန် Ctrl+V နှိပ်ပါ

ဖိုင်များ ကြည့်ရှုပါ

သင်၏ ဖိုင်များသည် သင်၏ စက်ပစ္စည်းကို ဘယ်တော့မှ မထွက်ပါ။ လုပ်ဆောင်မှုများ အားလုံး သင်၏ ဘရောက်ဆာတွင် ဒေသတွင်းမှ ဖြစ်ပွားသည်။

💡 အသုံးအဆောင်း အနည်းဆုံး အနည်းဆုံး ပုံစံ အဖြစ် အနည်းဆုံး 512×512 အစီအစဉ် ပုံစံ အဆင့် upload ပြုလုပ်ပါ။ Transparent PNG သို့မဟုတ် SVG အနည်းဆုံး အမှန်။

အသုံးများသော အသုံးပြုမှုများ

ဝက်ဘ်ဆိုက် Favicon ဖန်တီးပါကြိုတင်ကြီးကြပ်မှု နှင့် ကိရိယာတစ်ခုစီ မျှော်လင့်သည့် အပြည့်အစုံ favicon သတ်မှတ်ခွင့်များ ထုတ်လုပ်ပါ။
PWA နှင့် Manifest ခိုင်လုံကိုယ်စားလှယ်များ ထုတ်လုပ်ပါPWA ကို လိုအပ်သည့် 192px နှင့် 512px အုပ်စုများ နှင့် ကွန်ယက်မဖြည်သည့်စာတွဲ ရယူပါ။
Apple အဖိုးအခြင်း အုပ်စုကို ဖန်တီးပါiOS သည် ဆိုက်ကို အုပ်စုအဖြင်း သိုလှောင်သည့်အခါ အသုံးပြုသည့် 180×180 အုပ်စုကို ထုတ်လုပ်ပါ။
စာလုံးအုပ်စုကို Favicon သို့ ပြောင်းလဲပါသင်၏ အုပ်စုသင်္ကေတကို စင်ကြယ်ပွင့်လင်းသော၊ အသိအမြင်ရရှိနိုင်သော favicon ကို ပြောင်းလဲပါ။
မည်သည့် Framework အတွက်ပါ Favicons များ ထုတ်လုပ်ပါReact၊ Next.js၊ WordPress နှင့် အခြားများအတွက် တိုက်ရိုက်ထည့်သုံးနိုင်သော favicon ဖိုင်များ ရယူပါ။

မည်သို့ အလုပ်လုပ်သည်

ဤကိရိယာသည် PNG၊ JPEG၊ WebP သို့မဟုတ် SVG မည်သည်ကိုမဆို favicon package အပြည့်အစုံ — multi-size .ico၊ Apple touch icon၊ Android/PWA icon များ၊ web manifest နှင့် paste ချရန် အသင့် HTML snippet — အဖြစ် Canvas API နှင့် JSZip ကို သုံး၍ သင့် browser ထဲတွင် လုံးဝ ပြောင်းလဲပေးသည်။ ဘာမှ upload မလုပ်ပါ၊ rendering နှင့် ဖိုင်ပေါင်းစည်းမှုအားလုံးကို local တွင် လုပ်ဆောင်သည်။

1
Canvas သည် သင့်ပုံကို အရွယ်အစား ပြန်ချိန်ညှိသည်
Browser သည် သင့် source ပုံကို လိုအပ်သော size (16, 32, 48, 180, 192, နှင့် 512 px) တစ်ခုစီတွင် off-screen HTML Canvas element များပေါ်တွင် ဆွဲသည်။ Explicit width/height attribute မရှိသော SVG များကို Firefox နှင့် Chrome က blank canvas အစား တူညီသော pixel output ထုတ်ပေးနိုင်ရန် DOMParser နှင့် XMLSerializer မှတစ်ဆင့် ဦးစွာ normalize လုပ်သည်။
2
ကိုယ်တိုင်ရေးထားသော ICO encoder သည် .ico ဖိုင်ကို ထုပ်ပိုးသည်
Small ICO entry (16, 32, 48 px) များကို raw 32-bit BGRA DIB bitmap (BITMAPINFOHEADER ပေါင်း bottom-up XOR row များနှင့် 1bpp AND mask) အဖြစ် encode လုပ်ထားသည် — Windows shell component များသည် size များတွင် uncompressed DIB format ကို လိုအပ်သောကြောင့်ဖြစ်သည်။ ကိရိယာသည် ICO directory header ကို ရေးပြီး entry များကို DataView နှင့် Uint8Array ဖြင့် လုံးဝ ချိတ်ဆက်သည်၊ ပြင်ပ ICO library မပါဝင်ပါ။
3
PNG output များကို canvas.toBlob မှတစ်ဆင့် ထုတ်ပေးသည်
PNG variant တစ်ခုစီ (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) ကို 'image/png' ဖြင့် canvas.toBlob ကို ခေါ်၍ ဖမ်းယူသည်၊ lossless encoding ကို browser ၏ built-in image engine သို့ လွှဲအပ်သည်။ ရွေးချယ်နိုင်သော padding၊ နောက်ခံအရောင်နှင့် shape clipping (square, rounded, or circle) ကို ဖမ်းယူမီ canvas context တွင် အသုံးချသည်။
4
JSZip သည် အားလုံးကို ဒေါင်းလုဒ်တစ်ခုတည်းအဖြစ် ပေါင်းစည်းသည်
JSZip သည် ဖန်တီးထားသော ဖိုင်အားလုံး — favicon.ico၊ PNG ငါးခု၊ သင့် app အမည်ပါသော site.webmanifest နှင့် မှန်ကန်သော <link> tag များပါသော favicon-snippet.html — ကို သင့်စက်ထံသို့ အလိုအလျောက် ဒေါင်းလုဒ်ဆွဲသော .zip blob တစ်ခုတည်းအဖြစ် ပေါင်းစည်းသည်။

သင့်ပုံကို browser ၏ Canvas API ထဲသို့ တိုက်ရိုက် load လုပ်ပြီး သင့်စက်ကို ဘယ်တော့မှ မထွက်ပါ — ဖိုင် data ကို server မည်သည်ကိုမဆို ဘယ်တော့မှ မပို့ပါ။

ဆက်နွှယ်သော ကိရိယာများ

🖼️

PNG မှ ICO Favicon Converter

PNG, JPG, WebP သို့မဟုတ် SVG ဓာတ်ပုံကို multi-size .ico favicon ဖိုင်သို့ ပြောင်းပါ။ ဘန်ဒယ်လ်ထည့်ချင်သော အရွယ်အစားများ (16, 32, 48, 64, 128, 256) ရွေး၍ .ico တစ်ဖိုင်တည်း download ပါ。

ကြိုးစားပါဖိုင်များ ဒေသတွင်း ကျန်ရှိသည်

🎞️

ရွေ့လျားပုံ GIF ဖန်တီးစက်

ဓာတ်ပုံ အများကို animated GIF အဖြစ် ပေါင်းပါ။ frame delay, output width, looping နှင့် quality ချိန်ညှိနိုင်သည်။ browser တွင်သာ လုံးဝ encode ပြုလုပ်သည်。

ကြိုးစားပါဖိုင်များ ဒေသတွင်း ကျန်ရှိသည်

လူကြိုက်များ

✍️

လက်မှတ် ဖန်တီးစက်

Mouse၊ လက်ချောင်း သို့မဟုတ် stylus ဖြင့် လက်မှတ်တစ်ခု ရေးဆွဲပါ၊ (သို့) လက်ရေးဖောင့်ဖြင့် သင့်နာမည်ကို ရိုက်ထည့်ပါ၊ ပြီးရင် ပွင့်လင်းနောက်ခံပါသော PNG သို့မဟုတ် SVG အဖြစ် ထုတ်ယူပါ။

ကြိုးစားပါ