Web Page Images
Website မွာ image ကို နည္းလမ္း အမ်ဳိးမ်ဳိး နဲ႕ အသံုးျပဳႏိုင္ပါတယ္။ အခုအခ်ိန္မွာ အသံုးျပဳၾကတဲ့ format ကေတာ့ JPG , PNG , GIF စတဲ့ format ေတြပါ။ Image ေတြကို အသံုးျပဳရမွာ file size ကို သတိထားရပါတယ္။ အရြယ္အစားႀကီးမားတဲ့ image ေတြဟာ web page ကို ေဖာ္ျပျပရန္ ပံုေတြကို download ခ်ရမွာ ေႏွးေကြးပါတယ္။
JPG
JPEG, ရဲ႕ အရွည္ကေတာ့ Joint Photographic Experts Group ျဖစ္ၿပီး 24 bit color (millions colors) ကို support လုပ္ပါတယ္။ JPEG ကို ကာလာေတြ အမ်ားႀကီးပါတဲ့ ဓာတ္ပံုေတြ ရုပ္ပံုေတြ မွာ အသံုးျပဳၾကပါတယ္။ JPEG ဟာ background transparent ပံုေတြ ကို အျဖဴေရာင္ ေနာက္ခံ အျဖစ္ျမင္ေတြ႕ရပါလိမ့္မယ္။ JPEG ရဲ႕ file extension ကေတာ့ .jpg ျဖစ္ပါတယ္။
GIF
GIF ရဲ့ နာမည္အျပည့္အစံုကေတာ့ Graphics Interchange Format ပါ။ အေရာင္ေပါင္း ၂၅၆ ခုသာ support လုပ္ပါတယ္။ GIF ကို အမ်ားအားျဖင့္ ႐ိုးရွင္းလွတဲ့ image ေတြမွာ အသံုးျပဳၾကပါတယ္။ ဒါ့အျပင္ logo နဲ႕ လိုင္းေတြ တစ္ေရာင္တည္းရိွတဲ့ ပံုေတြမွာ အသံုးျပဳၾကပါတယ္။ တကယ္လို႕ image ဟာ အေရာင္နည္းနည္းပဲ ပါဝင္ၿပီး အေသးစိတ္ မလိုအပ္ဘူးဆိုရင္ GIF format ကို ေရြးခ်ယ္သင့္ပါတယ္။ GIF ဟာ background transparent ပံုေတြကို သိမ္းႏိုင္ပါတယ္။ GIF ဟာ images ေတြ အမ်ားႀကီး သိမ္းထားႏိုင္ၿပီးေတာ့ လႈပ္ရွားမႈပံုေတြကို ျပသႏိုင္ပါတယ္။ GIF image ကို .gif file extension နဲ႕ သိမ္းပါတယ္။
PNG
PNG (Portable Network Graphics) format ဟာ အေရာင္ ေျမာက္မ်ားစြာကို support လုပ္ပါတယ္။ ဒါ့အျပင္ file အရြယ္အစားကိုပါ ခ်ဳံ႕ေပးထားပါတယ္။ PNG ကို ပံု အမ်ဳိးမ်ဳိးအတြက္ ေရြးခ်ယ္ ႏိုင္ပါတယ္။ JPEG လိုပါပဲ PNG ဟာ 24 bit color ကို support လုပ္ပါတယ္။ ဒါ့အျပင္ အေရာင္အနည္းငယ္သာ ပါဝင္တဲ့ ပံုေတြ ကိုလည္း GIF ကဲ့သို႕ save လုပ္ႏိုင္ပါတယ္။ GIF လိုပဲ background transparent ပံုေတြကို သိမ္းဆည္းႏိုင္ပါတယ္။ PNG ဟာ GIF , JPEG တို႕လို borwser အားလံုးမွာ support လုပ္ပါတယ္။ PNG ကို .png file extension နဲ႕သိမ္းပါတယ္။
Downloading Considerations
Browser ဟာ web page မွာ ပံုေတြ ျပသဖို႕ရန္အတြက္ ပံုတြကို ဦးစြာ download ဆြဲခ်ရပါတယ္။ တကယ္လို႕ image size ဟာ ႀကီးေနရင္ေတာ့ ခ်က္ျခင္း မျပသႏိုင္ပဲ အခ်ိန္ အနည္းငယ္ၾကာျမင့္ပါလိမ့္မယ္။ Internet connection ရဲ႕ speed ေပၚမွာ မူတည္ၿပီး download ခ်တဲ့ အခ်ိန္ၾကာျမင့္တတ္ပါတယ္။ ပံုအႀကီးႀကီးေတြကို မိမိ computer ထဲမွာ ၾကည့္လွ်င္ ျမန္ဆန္ေပမယ့္ internet ေပၚေရာက္သြားၿပီး web server ေပၚကေန download ခ်တဲ့ အခါ ၾကာျမင့္ပါလိမ့္မယ္။ ဒါေၾကာင့္ website တည္ေဆာက္ရာမွာ ပံုေတြကို တတ္ႏိုင္သေလာက္ file အရြယ္အစား ေသးေအာင္ဖန္တီးထားသင့္ပါတယ္။ ပံုအႀကီးႀကီးေတြ အမ်ားႀကီးပါခဲ့ရင္ေတာ့ download လုပ္ေနတာေၾကာင့္ သင့္ website ဟာ browser ေပၚမွာ အျပည့္အစံု ေဖာ္ျပဖို႕အတြက္ အခ်ိန္အၾကာႀကီး ေစာင့္ဆိုင္းေနရပါလိမ့္မယ္။
Optimize Images
Image editing programs (photoshop , pixelmator , gimp) စတာေတြမွာ image quality ကို ခ်ိန္ညိွတာပါပါတယ္။ image quality ေပၚမွာ မူတည္ျပီးေတာ့ image size ေတြ ေျပာင္းလဲႏိုင္ပါတယ္။ တကယ္လို႕ ပံုအၾကီးၾကီးေတြ သံုးရမယ္။ image size က 100 K ထက္ေက်ာ္ေနရင္ေတာ့ connection ေႏွးတဲ့ ႏိုင္ငံေတြမွာ ပံုေတြကို download ခ်ရမွာ ေႏွးေနပါမယ္။ GIF သို႕မဟုတ္ PNG ကို အသံုးျပဳရရင္ colors အေရအတြက္ကို ေလ်ာ့ခ်ျခင္းျဖင့္ ဖိုင္အရြယ္အစားကို ေသးလိုက္ႏိုင္ပါတယ္။ Photoshop လိုမ်ဳိး editor ေတြမွာ save for web လိုမ်ဳိး feature ေတြပါပါတယ္။ ဒါမွမဟုတ္ windows မွာပါတဲ့ pain , mac မွာပါတဲ့ preview တုိ႕ကလည္း image size ေျပာင္းတဲ့ ေနရာမွာ အသံုးျပဳႏိုင္ပါတယ္။
Alternative Text
အသံုးျပဳသူေတြဟာ စာဖတ္ရတာ ျမန္ေအာင္ ပံုေတြကို မျမင္ရတဲ့ download ခ်တဲ့ setting ကို browser မွာ ထားလုိ႕ရပါတယ္။ အဲဒီအခါမွာ ပံုေတြ ကို အသံုးျပဳသူမျမင္ရေပမယ့္ ပံုနဲ႕ သက္ဆိုင္တဲ့ စာကို ပံုအစား ေဖာ္ျပလုိ႕ရပါတယ္။ အဲဒီ အတြက္ alternative text ကို အသံုးျပဳပါတယ္။ Alternative text ဆိုတာဟာ user ကို ဒါ ဘာပံုလဲဆုိတာကို နားလည္ေစရန္ ရည္ရြယ္ပါတယ္။ Alternative ထည့္သြင္းပံုကို ဒီ အခန္းမွာ ေဖာ္ျပေပးမွာပါ။