ပုံရိပ်တွေကသင်၏ website တွင်ပြသနှင့်မည်သို့သူတို့ကို fix မှမဟုတ်အဘယ်ကြောင့်လေ့လာပါ
အဟောင်းကိုစကားကို "ပုံတစျထောငျစကားလုံးများကိုထိုက်သည်။ " အဲဒီကိုသွားပြီး ဒါဟာအာရုံကို span နာမည်ဆိုးတိုတိုဖြစ်ကြပြီးသူတို့ကိုသူတို့တစ်တွေသတ်သတ်မှတ်မှတ်သင်ယူသို့မဟုတ်လုပ်ဆောင်ဖို့လိုအပ်ပါတယ်ဘယ်အရာကိုသင်ယူဖို့အတှကျဒါလက်ျာ image ကိုတကယ်ရှည်လျားလုံလောက်စွာညာဘက်အာရုံစူးစိုက်မှုနှင့်ဆွဲဆောင်မှုရှိတဲ့စာမျက်နှာဧည့်သည်တွေကိုဆွဲဆောင်ခြင်းဖြင့် site တစ်ခုလုပ်သို့မဟုတ်ချိုးနိုင်ရှိရာက်ဘ်ပေါ်တွင်အထူးသဖြင့်မှန် ဆိုက်တစ်ခု "အနိုင်ရ" အချက်ပြလိုက်ခြင်းကြောင့်အရေးယူ။ က website တစ်ခုမှကြွလာသောအခါဟုတ်ကဲ့, ပုံရိပ်တွေကိုအမှန်တကယ်ဦးထက်ပိုတစျထောငျစကားလုံးများကိုတန်ဖိုးရှိဖြစ်နိုင်သည်!
ဒါကြောင့်ထူထောင်အွန်လိုင်းပုံရိပ်တွေ၏အရေးပါမှုနှင့်အတူ site ပေါ်တွင်ဖြစ်လို့ယူဆတယ်ကြောင်းပုံရိပ်တစ်ခု load လုပ်ဖို့ပျက်ကွက်လျှင်ရဲ့လာမယ့်သင့်ရဲ့ website မှာဟုဘာကိုစဉ်းစားပါစေ? ဤသည်ကိုသင်က HTML သို့မဟုတ်နောက်ခံပုံရိပ်တွေ၏အစိတ်အပိုင်းတစ်ခုဖြစ်ကြောင်း inline ပုံရိပ်တွေ CSS နဲ့လျှောက်လွှာတင်ခဲ့တယ် (နှင့်သင့် site ဖွယ်ရှိသည်ဤနှစ်ခုလုံးရှိပါတယ်) ရှိမရှိဖြစ်ပျက်နိုင်ပါတယ်။ အောက်ခြေလိုင်းတစ်ဂရပ်ဖစ်တစ်စာမျက်နှာပေါ်တွင် load လုပ်ဖို့ပျက်ကွက်သည့်အခါကဒီဇိုင်းကြည့်ကျိုးကိုအချို့သောကိစ္စများတွင်, လုံးဝကြောင်း site ပေါ်တွင်အသုံးပြုသူအတွေ့အကြုံကိုဖျက်ဆီးနိုင်သည်။ ဖြစ်ပါသည် ပုံမပို့ကြောင်းအဆိုပါ "တထောင်စကားများ" ဆက်ဆက်အပြုသဘောဆောင်သူမြားမဟုတျပါ!
ရဲ့ပုံရိပ်တွေကိုသငျသညျစဉ်အတွင်းဤပြဿနာကိုဖြေရှင်းရာမှာသည့်အခါအောက်မေ့ဖြစ်သင့်သောအရာကိုတစ်ဦး site ပေါ်တွင် load အဖြစ်ရန်ပျက်ကွက်မယ်လို့အဘယ်ကြောင့်ဘုံအကြောင်းပြချက်အချို့မှာကွညျ့ကွစို့ က်ဘ်ဆိုဒ်စမ်းသပ် ။
မှားယွင်းနေဖိုင်လမ်းကြောင်း
သင်တစ်ဦး site ရဲ့ရန်ပုံရိပ်တွေကိုထည့်သွင်းတဲ့အခါမှာ က HTML သို့မဟုတ် CSS ကို ဖိုင်, သငျသညျသူတို့အားဖိုင်တွေနေထိုင်ရာသင့်ရဲ့ directory ကိုဖွဲ့စည်းပုံထဲမှာတည်နေရာလမ်းကြောင်းကိုဖန်တီးရမည်ဖြစ်သည်။ ဒီအဘယ်မှာရှာပါနှင့်ထံမှ image ကိုဆွဲယူဖို့ browser ကိုပြောထားသည်ကြောင်းကုဒ်ဖြစ်ပါတယ်။ အများဆုံးကိစ္စများတွင်, ဒီအမည်ရှိတဲ့ဖိုင်တွဲ၏အတွင်းပိုင်းပါလိမ့်မယ် '' ပုံရိပ်တွေ။ ' ဒီဖိုင်တွဲနှင့်လမ်းကြောင်းကအဲဒီအထဲကဖိုင်တွေကိုမမှန်ကန်ကြောင်းရောက်နေတယ်ဆိုရင်ဘရောက်ဇာမှန်ကန်သောဖိုင်များကိုပြန်လည်ရယူနိုင်လိမ့်မည်မဟုတ်ပေကြောင့်, ပုံရိပ်တွေကိုစနစ်တကျ load လိမ့်မည်မဟုတ်ပါ။ သင့်လျော်သောပုံရိပ်ဒါဟာသင်ဖို့ကပြောသည်သောလမ်းကြောင်းအတိုင်းလိုက်နာပါလိမ့်မယ်, ဒါပေမယ့်သူကတစ်ဦးသေလွန်သောသူတို့သည်အဆုံးဝင်တိုက်မည်အစား display ရဲ့, အလွတ်တက်ကြပါလိမ့်မယ်။
image ကိုတင်ကိစ္စများ debugging အတွက်အဆင့် 1 ကိုသင် coded ထားသောဖိုင်လမ်းကြောင်းမှန်ကန်ကြောင်းသေချာစေရန်ဖြစ်ပါသည်။ ဖြစ်ကောင်းဖြစ်နိုင်သငျသညျမှား directory ကိုသတ်မှတ်ထားသောသို့မဟုတ်မှန်ကန်စွာကြောင်း directory ကိုမှလမ်းကြောင်းစာရင်းပြုစုဘဲနေ၏။ ဤကိစ္စတွင်မဟုတျပါလျှင်, သင်ကြောင်းလမ်းကြောင်းနှင့်အတူအခြားပြဿနာရှိနိုင်သည်။ အပေါ် Read!
files အမည်များစာလုံးပေါင်းမှား
သင်သည်သင်၏ဖိုင်များကိုဖိုင်ကိုလမ်းကြောင်းဆနျးစစျအဖြစ်, သင်တို့ကိုလည်းမှန်ကန်စွာပုံရိပ်ကို၏အမည်စာလုံးပေါင်းကြောင်းသေချာပါစေ။ ကျွန်တော်တို့ရဲ့အတွေ့အကြုံကိုခုနှစ်, မမှန်ကန်ကြောင်းအမည်များသို့မဟုတ်စာလုံးပေါင်းအမှားပုံရိပ်ကိုတင်ကိစ္စရပ်များကို၏အသုံးအများဆုံးအကြောင်းမရှိဖြစ်ကြသည်။ ဒါဟာအမည်များ file မှကြွလာသောအခါကို web browser များအလွန်လွှတ်ဖြစ်ကြောင်းသတိရပါ။ သငျသညျအမှားကစာတစ်စောင်မေ့လျော့သို့မဟုတ်မှားအက္ခရာကိုသုံးပါလျှင်, browser ကိုဆင်တူကြောင်းဖိုင်တစ်ခုကိုရှာဖွေမည်မဟုတ်, အဆိုရ "Oh, သင်ဖြစ်ကောင်းညာဘက်, ဒီတစျခုအဓိပ်ပာ?" အဘယ်သူမျှမ - ဖိုင်ကနီးကပ်လျှင်ပင်, မှားယွင်းတဲ့စာလုံးပေါင်းလျှင်ကစာမျက်နှာပေါ်တွင် load လိမ့်မည်မဟုတ်ပါ။
မှားယွင်းနေဖိုင် extension
အချို့ကိစ္စများတွင်, သင်ဖိုင်၏အမည်မှန်ကန်စွာစာလုံးပေါင်းရှိစေခြင်းငှါ, ဒါပေမဲ့ဖိုင် extension မမှန်ကန်ကြောင်းဖြစ်နိုင်သည်။ သင့်ရဲ့ image ကိုတစ်ဦးဖြစ်တယ်ဆိုရင် .jpg file ကို , ဒါပေမယ့်သင့်ရဲ့ HTML ကိုတစ်ဦး .png ရှာဖွေနေသည်ပြဿနာတစ်ခုရှိပါလိမ့်မည်။ သငျသညျနေကြသည်သေချာအောင်လုပ်ပါ ဦးချင်းစီပုံရိပ်ကိုများအတွက်မှန်ကန်သောဖိုင်အမျိုးအစားသုံးပြီး , ပြီးတော့သင့်ရဲ့ website မှာရဲ့ကုဒ်ထဲမှာအတူတူ extension ကိုအဘို့အခေါ်ပြီသေချာပါစေ။
ဒါ့အပြင်အမှု sensitivity ကိုရှာဖွေပါ။ သင်၏ဖိုင်အားလုံးထုပ်အတွက်အက္ခရာများနှင့်အတူ, .jpg နှင့်အတူကုန်ဆုံးပေမယ့်သင့်ရဲ့ကုဒ်ကိုးကား, ရှိသမျှစာလုံးအသေး .jpg အကယ်. ထိုနှစ်ခုကိုသူတို့အက္ခရာများ၏တူညီသောအစုံရှိပါတယ်သော်လည်းကွဲပြားခြားနားကြသည်ကိုတွေ့မြင်မည်သူအချို့ကို web server များရှိပါသည်။ ဖြစ်ရပ်မှန် sensitivity ကိုရေတွက်! ကျွန်တော်တို့ဟာအမြဲတမ်းအားလုံးစာလုံးအသေးနဲ့ကြှနျုပျတို့ဖိုင်တွေကယ်တင်ဘယ်ကြောင့်ဒီဖြစ်ပါသည်။ ဒါကြောင့်လုပ်နေတာကျွန်တော်တို့ကိုအမြဲငါတို့သည်ငါတို့၏ပုံရိပ်ဖိုင်များကိုနှင့်အတူရှိနိုင်တယ်လို့ဦးတည်းဖြစ်နိုင်သမျှပြဿနာဖျက်သိမ်းရေး, ကျွန်တော်တို့ရဲ့ကုဒ်အတွက်စာလုံးအသေးကိုအသုံးပြုရန်ခွင့်ပြုပါတယ်။
files ပျောက်ဆုံးနေနေ
သင့်ရဲ့ image ကိုဖိုင်များလမ်းခရီးမှန်ကန်ဖြစ်ကြသည်ကို၎င်း, ထိုအမည်နှင့်ဖိုင် extension ကိုလည်းအခမဲ့မှားယှငျးနေတယ်ဆိုရင်, စစျဆေးဖို့နောက်တစ်နေ့ကို item ဖိုင်တွေကိုအမှန်တကယ် web server သို့အပ်လုဒ်လုပ်ထားခဲ့ကြကြောင်းသေချာစေရန်ဖြစ်ပါသည်။ site တစ်ခုဖွင့်လှစ်ချိန်တွင်ကြောင်းဆာဗာဖိုင်တွေ upload မှလျစ်လျူရှုထားလျစ်လျူရှုဖို့လွယ်ကူကြောင်းတစ်ဘုံအမှားဖြစ်ပါတယ်။
သငျသညျဤပြဿနာကိုဘယ်လိုဖြေရှင်းသလဲ? ထိုပုံရိပ်တွေကို Upload လုပ်ပါကသင်၏ဝဘ်စာမျက်နှာ refresh နှင့်မျှော်လင့်ထားကြောင့်ချက်ချင်းဖိုင်တွေကိုပြသသင့်ပါတယ်။ သင်တို့သည်လည်းဆာဗာပေါ်တွင်ပုံရိပ် delete ကြောင့် Re-upload ဖို့ကြိုးစားနိုင်ပါတယ်။ ဒါဟာထူးဆန်းတဲ့ပုံပေါ်စေခြင်းငှါ, ဒါပေမယ့်ကျနော်တို့ကိုပိုပြီးတစ်ကြိမ်ထက်ဒီအလုပ်ကိုမြင်ကြပြီ။ တခါတရံမှာဖိုင်တွေပျက်စီးရ, ဒါကြောင့်ဒီ "delete နှင့်အစားထိုးရန်" method ကိုကူညီပေးနေတက်အဆုံးသတ်နိုင်ပါတယ်။
အဆိုပါပုံများ Hosting အဆိုပါဝက်ဘ်ဆိုက် Down Is
သငျသညျပုံမှန်အားဖြင့်သင့်ရဲ့ site ကိုသင့်ကိုယ်ပိုင်ဆာဗာတွင်အသုံးပြုမဆိုပုံရိပ်တွေကိုအိမ်ရှင်အဖြစ်လက်ခံကျင်းပချင်ပါလိမ့်မယ်, ဒါပေမယ့်အချို့ကိစ္စများတွင်, သင်တခြားနေရာတည်ခင်းဧည်ဖြစ်ကြောင်းပုံရိပ်တွေကို အသုံးပြု. နိုင်ပါသည်။ image ကို hosting တစ်ခုကို site ကိုကျသွားခဲ့လျှင်, သင့်ပုံရိပ်တွေကိုဖြစ်စေ load သွားကြသည်မဟုတ်။
လွှဲပြောင်းပြဿနာ
တစ်ဦး image file ကိုပြင်ပ domain မှသို့မဟုတ်သင့်ကိုယ်ပိုင်ထံမှတက်နေတဲ့ပဲဖြစ်ဖြစ်, ကပထမဦးဆုံးဘရောက်ဇာများကမေတ္တာရပ်ခံသောအခါကြောင်းဖိုင်တစ်ဦးလွှဲပြောင်းပြဿနာရှိစေခြင်းငှါအခွင့်အလမ်းကအမြဲတမ်းရှိပါတယ်။ ဒါကဘုံဖြစ်ပျက်မှု (ကလျှင်, သင်လိုအပ်နိုင်ပါသည်မဖြစ်သင့် အသစ်တစ်ခုကို hosting အတွက်ပံ့ပိုးပေးဘို့အကြည့်ဖို့ ), ဒါပေမယ့်အခြိနျမှနျမှဖြစ်ပျက်နိုင်ပါတယ်။
ဤပြဿနာများ၏ကံဆိုးဘက်တကယ်ကသင့်ရဲ့ထိန်းချုပ်မှုပြင်ပတွင်ပြဿနာတစ်ခုပင်ဖြစ်သည်ကတည်းကသင်ကအကြောင်းလုပျနိုငျဘာမှမရှိဘူးဖြစ်ပါတယ်။ ကောင်းမွန်သောသတင်းကြောင့်မကြာခဏတော်တော်လေးအလျင်အမြန်ဖြေရှင်းသောယာယီပြဿနာဖြစ်ပါတယ်။ ဥပမာ, တစ်စုံတစ်ဦးကိုတစ်ဦးကျိုး-ကြည့်စာမျက်နှာကိုမြင်ခြင်းနှင့်သင်တစ်ဦးကျိုးပုံရိပ်ကိုမြင်တစ်ဦးတည်းကိုမကြာခဏပြဿနာကိုဖြေရှင်းပါလိမ့်မယ်များနှင့်စနစ်တကျ images.If load အကြောင်း, ဒါကြောင့်လန်းဆန်းအခါ, ဖြစ်ကောင်းပေါ်မှာရုံဂီယာပြဿနာကြီးလျှင်ကြည့်ရှုရန်ဘရောက်ဇာကို refresh သင့်ရဲ့ကနဦးတောင်းဆိုချက်။
တစ်ဦးကအနည်းငယ်နောက်ဆုံးမှတ်စုများ
ပုံရိပ်တွေနဲ့တင်စိုးရိမ်မှုများစဉ်းစားတဲ့အခါ, ကိုလည်းအောက်မေ့စေခြင်းငှါအရာနှစ်ခုအတွက်ဖြစ်ကြောင်း ALT tags များ၏သငျ့လျြောသောအသုံးပြုမှု နှင့်သင့် website ကအမြန်နှုန်းနှင့်ခြုံငုံစွမ်းဆောင်ရည်။
ALT သို့မဟုတ် "အခြားစာသားကို" tags များ ပုံတစ်ပုံကို load လုပ်ဖို့ပျက်ကွက်လျှင် browser ကိုအားဖြင့်ပြသလျက်ရှိသည်ဘာတွေလုပ်နေလဲ။ သူတို့ကအစအခြို့သောမသန်စွမ်းလူဦးကအသုံးပြုနိုင်ရန်လွယ်ကူသည့်ဝက်ဘ်ဆိုက်များဖန်တီးခြင်းအတွက်အရေးပါသောအစိတ်အပိုင်းတစ်ခုဖြစ်ပါသည်။ သင့်ရဲ့ site ကိုသည် inline image ကိုသင့်လျော်တဲ့ ALT tag ကိုရှိသင့်ပါတယ်။ CSS နဲ့လျှောက်လွှာတင်ခဲ့တယ်ပုံရိပ်တွေကဒီ attribute ကိုမရှိဘူးသတိပြုပါ။
website ကစွမ်းဆောင်ရည်သည်အလွန်များပုံများ, သို့မဟုတ်မဖြစ်ကြောင်းကိုပင်အနည်းငယ်ကုမ္ပဏီကြီးပုံရိပ်တွေ loading စနစ်တကျက်ဘ်ပို့ဆောင်မှုများအတွက် optimized , တင်မြန်နှုန်းအပေါ်အပျက်သဘောဆောင်သောအကျိုးသက်ရောက်မှုရှိပါလိမ့်မယ်။ ဤအကြောင်းကြောင့်, သင်သည်သင်၏ site ရဲ့ design မှာအသုံးပြုမဆိုပုံရိပ်တွေများ၏သက်ရောက်မှုကိုစမ်းသပ်ဆဲခြုံငုံကြည့်ကိုနေချိန်မှာကြောင်း site ရဲ့စွမ်းဆောင်ရည်ကိုတိုးတက်ကောင်းမွန်ခြင်းနှင့်သင့် website ကစီမံကိန်းအတွက်သင့်လျော်သည်ဟုခံစားရဖို့လိုအပ်သောဖြစ်ကြောင်းဆိုခြေလှမ်းများယူရန်သေချာစေပါ။