အဓိကအကြောင်းအရာသို့ ကျော်သွားရန်

အခမဲ့ Image မှ Base64

CSS, HTML သို့မဟုတ် Markdown တွင် inline အသုံးပြုရန် ဓာတ်ပုံကို Base64 data URI သို့ ပြောင်းပါ။ ပြင်ဆင်ထားသော snippet များကို copy ပါ။ browser တွင် encode လုပ်သည်; upload မဖြစ်ပါ。

Load ပြီးသည်နှင့် offline အလုပ်လုပ်သည်

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

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

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

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

အကြံပြုချက်: သင်သည် clipboard မှ ပုံကို ကူးပြည့်စုံနိုင်သည် (Ctrl+V)။

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

CSS, HTML, သို့မဟုတ် Markdown တွင် တိုက်ရိုက်ကူးထည့်နိုင်သော Base64 data URI သို့ ပုံပြောင်းပါ — သီးခြားဖိုင်မလိုပါ။ ဘရောင်ဇာတွင် encode လုပ်သည်; မတင်ပြပါ။

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

  • CSS တွင်ပုံများကိုအဝင်အထည့်တည့်သည့်သေးငယ်သည့်သင်္ကေတ သည့်မဟုတ်တဲ့နောက်ကွယ်ကို ပုံရုပ်အုပ်စုံတွင် data URI အဖြစ်စည်းခန့်ခွဲပါ။
  • HTML တွင်ပုံများကိုအဝင်အထည့်တည့်သည့်မူလတည့်သည့် HTML တွင် logo သည့်မဟုတ်တဲ့သင်္ကေတကိုတစ်ခါတည့်ပြီးအုပ်စုံပါ။
  • SVG သည့်မဟုတ်တဲ့သင်္ကေတကို Base64 သို့ပြောင်းလဲပါသေးငယ်သည့်သင်္ကေတကို အုပ်စုံရန် data URI သို့ပြောင်းလဲပါ။
  • Markdown တွင်ပုံများကိုအဝင်အထည့်တည့်သည့်သေးငယ်သည့်ပုံများကို Markdown ဖိုင်တွင် data URI ဖြင့်အုပ်စုံပါ။
  • ပုံ Data URI ကိုယူပါမည်သည့်အရပ်တွင်သုံးနိုင်သည့် raw data: URI ထုတ်လုပ်ပါ။

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

data URI သည် ပုံတစ်ခုကို ကုဒ်စာသားအဖြစ် သင့်ရဲ့ ကုဒ်ထဲသို့ အဖြတ်ထည့်သွင်းသည်၊ အဖြစ်ကစ္စတိုင်းဖိုင်တောင်းခံမည်မဟုတ် — လူမည်သည့်သည့်ကလွန်ခွက် နှင့် ကိုယ်ကျ HTML အတွက် အဆင်ပြေခြင်း။ ဤကိရိယာသည် ၎င်းကို ကုဒ်လုံးအုပ်စုလုံးအုပ်စုလုံးတွင် အကုဒ်ခွင့်ပေးသည်။

  1. 1
    သင်သည် ပုံတစ်ခုကို ချီထိုးခြင်း
    ၎င်းသည် FileReader API ဖြင့် မှတ်ဥာဏ်သို့ ဖတ်သည် — အပ်လုဒ်မရှိ။
  2. 2
    ၎င်းသည် Base64-မြှင့်တင်သည်
    ပုံ bytes များသည် ကုဒ်ထဲတွင် data: URI (data:image/...;base64,…) ဖြစ်လာသည်။
  3. 3
    သင်သည် snippet တစ်ခုကို ရွေးချယ်သည်
    raw data URI သို့မဟုတ် အသင့်သုံးမည်သည့် CSS (background-image)၊ HTML (<img>)၊ သို့မဟုတ် Markdown ကို ကူးကျးကြည့်ရှုခြင်း။
  4. 4
    သင့်ကုဒ်သို့ ကူးကျးကြည့်ရှုခြင်း
    ပုံသည် အခုအားဖြင့် သင့်ရဲ့ CSS/HTML နှင့်အတူ inline မှာသည် — မည်သည့်ဖိုင်အပ်လုဒ်မရှိ။

ပုံသည် သင့်ကိရိယာပေါ်တွင် မြှင့်တင်သည် လုံးလုံးအုပ်စုလုံးလုံးအုပ်စုလုံး။ Base64 သည် ရှေးခင်းမူလ၏ အနီးစပ်ဆုံး 33% အကြီးဖြစ်သည်၊ ထို့ကြောင့် data URIs သည် လူမည်သည့်သည့်ပုံများအတွက် အကောင်းဆုံးဖြစ်သည်။

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

မကြာခဏ မေးလေ့မေးထရှိသော မေးခွန်းများ