Embed Images in HTML with Base64 Encoding
HTML မွာ ပံုေတြထည့္ရင္ ပံုမွန္အားျဖင့္ img tag ထဲမွာ src ဆိုၿပီး ပံုရဲ႕ တည္ေနရာကို ညႊန္းၾကပါတယ္။ ဥပမာအားျဖင့္ <img src="images/logo.png"/> အဲဒီနည္းလမ္းအစား နည္းနည္းေလးပိုၿပီးထူးတဲ့ နည္းလမ္းတစ္ခုနဲ႔ ပံုေတြကို HTML စာမ်က္ႏွာထဲမွာ တစ္ပါတည္း ေပါင္းထည့္လို႔ ရပါတယ္။ သေဘာတရားကေတာ့ Base64 Encoding ကိုအသံုးခ်ၿပီး ပံုကို စာသားအျဖစ္ Encode လုပ္ၿပီး ေျပာင္းလဲပါ့မယ္။ ရရွိလာတဲ့ စာသား(String)ဟာ ပံုကို အေျခခံၿပီး ျဖစ္ေပၚလာတဲ့ စာသားေတြ ျဖစ္ပါတယ္။ အဲဒီစာသားကို Decode ျပန္လုပ္လိုက္ရင္ မူလပံုအတိုင္း ျပန္ရမွာျဖစ္ပါတယ္။ ကၽြန္ေတာ္တို႔ရဲ႕ HTML စာမ်က္ႏွာထဲမွာ အရင္လို ပံုရဲ႕ တည္ေနရာကို မညႊန္းေတာ့ပဲ အဲဒီစာသားေတြကို တစ္ခါတည္း ေပါင္းထည့္မွာျဖစ္ပါတယ္။ ပံုဆိုတာ မရွိေတာ့ဘူးေပါ့။ Webpage မွာ ပံုကေနေျပာင္းထားတဲ့ စာသားေတြပဲ ပါပါတယ္။ အဲဒီစာသားေတြကို ပံုအျဖစ္ ျပန္ေျပာင္းၿပီး ျပသမွာပါ။