သင့်ရဲ့ site ကို Size ကိုစိတ်ကြိုက်အိုင်ကွန်

web design မှာ, တိုင်းအသေးစိတ်ကိစ္စရပ်များကို, သင်ဖြစ်ကောင်းသိသည်အတိုင်း။ သင့်ရဲ့ site ကိုမှသှားသောလူတစ်ခုချင်းစီကိုသီးခြားစီဒြပ်စင်တွေ့မြင်နှင့်အခြားသေးငယ်တဲ့အသေးစိတ်အချက်အလက်ပါဝင်ပါသည်သောအထုပ်၏တပြင်လုံးကိုပုံရိပ်ကြာလို့မရပါဘူး။ သင်အရင်းအမြစ်ဖွံ့ဖြိုးဆဲ၏လုပ်ငန်းစဉ်များတွင်တစ်ခုခုပျောက်ဆုံးလျှင်ထို့ကြောင့်, အနာဂတ်ကာလ၌ဤအသေးစိတ်တပြင်လုံးကိုရှုပ်ထွေး, တစ်ခုလုံးဖွဲ့စည်းမှုကိုလုယူနိုင်ပါတယ်။

ထိုသို့သောဒဏ်ငွေဥပမာ, ခလုတ်ကို၏နောက်ခံ, မမှန်ကန်ကြောင်းဖောင့်အချို့အသေးစားကို item နှင့်ပင်စိတ်ကြိုက်အိုင်ကွန်နိုင်ပါတယ်။ အမှန်စင်စစ်ကြည့်ရှု Sami- ကြီးမားလူသိများတဲ့က်ဘ်ဆိုက်များအသုံးပြုသူရဲ့ browser မှာကို "Bookmarks" တွင်ကကိုယ်စားပြုတစ်ဦးချင်းအိုင်ကွန်ရှိသည်။ ကခြင်းမရှိဘဲ, သယံဇာတ developer များသူတို့မူလကရှာကြရာမှဖွဲ့စည်းမှုကိုဖန်တီးရန်ပျက်ကွက်ခဲ့သည်။

ထိုကွောငျ့, သငျသညျထို site များအတွက်ဒီဇိုင်းအတွက်, အစိတ်ကြိုက်အိုင်ကွန်ကဲ့သို့သောအသေးစိတျကိုဂရုစိုက်သင့်ပါတယ်။ ဤဆောင်းပါး၌ကျနော်တို့အထွေထွေအရင်းအမြစ်စတိုင်အောက်မှာ select လုပ်ပါဖို့ဘယ်လိုအကြောင်းပြောဆိုကြလိမ့်မည်, ထိုပုံရိပ်ကိုဘယ်အရွယ်အစားဖြစ်သင့်သည်။

အိုင်ကွန် site ကို

ပထမဦးစွာကျနော်တို့ကဒီဒြပ်စင်ပါဝငျသောအရာကိုသတ်မှတ်။ အခုဆိုရင်သင့် browser tabs များ၏ခေါင်းစဉ်ကိုကြည့်ယူပါ။ သငျသညျမွငျနိုငျသကဲ့သို့, လက်ဝဲဖို့လိုဂိုအရင်းအမြစ်တစ်ဦးရိုးရှင်းသောဗားရှင်းကိုကိုယ်စားပြုမယ့်သေးငယ်တဲ့ရုပ်ပုံလွှာလည်းမရှိ။ အလားတူရုပ်ပုံလွှာဟာ SERPs ထဲမှာဖော်ပြပါတယ်ဆိုက်အမည်အားအနီးလည်းမရှိ။ သူတို့ခေါင်းစဉ်မြင်သောအခါအသုံးပြုသူသူမ၏အားဖြင့်ပဲ့ထိန်းကြောင်း။

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

ရည်ရွယ်ချက်စိတ်ကြိုက်အိုင်ကွန်

ဒါကြောင့်ထို site header ကိုအနီးရှိရုပ်ပုံဖော်ထုတ်ခြင်းများအတွက်အသုံးပြုသည်။ ဤသည်က၎င်း၏မူလရည်ရွယ်ချက်သည်ကားကျနော်တို့က Nathaniel မြင်သောဆိုက်, ကိုဖော်ပြခြင်း, တခြားသူတွေရဲ့မျက်စိထဲမှာရွေးဖို့။ ဒါဟာဂရပ်ဖစ်များအသုံးပြုခြင်းအားဖြင့်အလွန်ရိုးရှင်းတဲ့ဖြစ်လာသည်: ငါတို့သည်အလိုလိုစာသားကို format နဲ့ထက်အများကြီးပိုမြန်လွယ်ကူဓါတ်ပုံတွေအတွက်သတင်းအချက်အလက်ရိပ်မိရ။ စိတ်ကြိုက်အိုင်ကွန်ဒီအတွက်ကျွန်တော်တို့ကိုကူညီပေးသည်။ ဒါပေမယ့်ကြောင်းမမေ့မလြော့ပါ စိတ်ကြိုက်အိုင်ကွန်အရွယ်အစား အသုံးပြုသူရဲ့မကျြမှောကျ၌အနည်းငယ်မျှသာရှိသည်။ ဒါကကျောက်စာ၏ပုံစံအချို့ရှင်းလင်းချက်သို့မဟုတ်ဆက်သွယ်ရန်အချက်အလက်အတွက်အပိုဆောင်းသတင်းအချက်အလက်ဆံ့စေခြင်းငှါမှာ "ဦးထုပ်" site ကိုတစ်ဦးလိုဂိုမဟုတ်ပါဘူး။ လာမယ့်နာမတော်အိုင်ကွန်တွင်ဖော်ပြပါရှိသည်နိုင်ဘာမှ, စိတ်ကြိုက်အိုင်ကွန်၏အရွယ်အစားမှအသင့်တော်ဆုံးဖြစ်သင့်တယ်။ ပြီးသား (16 16 pixels ကို၏) တစ်ဦးသေးသေးလေး, ညွှန်ပြအဖြစ်ကြောင့်ဖြစ်ပါသည်။

တစ်စိတ်ကြိုက်အိုင်ကွန်ရွေးချယ်ဖို့ဘယ်လိုနေသလဲ?

ဒါကြောင့်ဘယ်လိုတစ်ဦးမာစတာကိုသင့်ရဲ့ site ကို icon တစ်ခုဒီဇိုင်းနိုင်ပါတယ်သနည်း? ဒါဟာရိုးရှင်းစွာအများစုဖွယ်ရှိ, ဆိုဒ်၏လိုဂိုချုံ့အောင်မြင်မည်မဟုတ်ကြောင်းမှတ်သားရပါမည်။ တစ်ဦးအထူးသဖြင့်သယံဇာတများ၏လိုဂို၏ပုံစံသွင်းထားကြသည်ပိုစတာတွင်မကြာခဏအမြဲမှန်ကန်စွာသေးသေးလေး form မှာပြသမည်မဟုတ်ကြောင်းကွဲပြားခြားနားသောပစ္စည်းများကိုကြည့်ရှုပါ။ ဒါဟာချက်ချင်းဒီအကျိုးတူစွန့်ခွာဖို့ သာ. ကောင်း၏။

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

အတော်များများကန်ဆောင်မှု၏အမည်တစ်ခုစိတ်ကြိုက်အိုင်ကွန်မှတ်သားသိနိုင်ပထမဦးဆုံးအက္ခရာကိုအသုံးပြုပါ။ ဒီတော့ဥပမာ, Bing, Yahoo, Yandex, ဝီကီပီးဒီးယား Google ကလာကြ၏။ အခြားချဉ်းကပ်မှုရှိပါသည် - သင် site ၏တိုတောင်းတဲ့နာမကိုအမှီရှိပါက, သင်အိုင်ကွန်၏နောက်ခံအဖြစ်သတ်မှတ်နိုင်သည်။ စိတ်ကြိုက်အိုင်ကွန် resolution ကို (ကဖနျရောက်ရှိ pixels, 16 16 မှတ်) ကိုမှန်ကန်စွာနိမိတ်လက္ခဏာကိုပြသနိုင်ပါတယ်စေရန်, ကမရှိတော့သုံးအက္ခရာများထက်ဖြစ်ရပါမည်။ ဒီတော့ဝန်ဆောင်မှု AOL, ဥပမာ, ပါဘူး။

တစ်စိတ်ကြိုက်အိုင်ကွန်ကိုဖန်တီးရန်ဘယ်လိုနေသလဲ?

နည်းလမ်းများစွာအတွက် site ၏နာမတော်အဘို့ icon တစ်ခုလုပ်ပါ။ ဟုတ်ပါတယ်, အလွယ်ကူဆုံး - ကွဲပြားခြားနားသောအဆင်သင့်လုပ်ဖြေရှင်းနည်းများနှင့်အတူအလုပ်လုပ်ရန်ရန်ဖြစ်ပါသည်။ ငါတို့သည်သင်တို့ကလျှော့ချခြင်းအားဖြင့်အပြည့်အဝအိုင်ကွန်၏ပုံရိပ်တစ်ခုလုပ်ခွင့်ပြုမဆိုန်ဆောင်မှုများသို့မဟုတ်အစီအစဉ်များအကြောင်းပြောဆိုနိုင်ပါတယ်။ သို့သျောလညျး, ငါ၎င်း၏ကိုယ်ပိုင်အပေါ်လိုဂို၏ဖွံ့ဖြိုးတိုးတက်ရေးကိုလုပ်ဆောင်ရန်အကြံပြုလိမ့်မယ်။ ဒါကပထမ, တစ်ခုခုသင်ယူဖို့ဖြစ်နိုင်စေမည်ဖြစ်၏ နှင့်ဒုတိယအ tools များ၏ကြီးမားသောအရေအတွက်အားပေး။ အားလုံးသင်သည်တို့တွင်အရှင်သခင်သရေကျလုပျနိုငျရနျလိုအပျအဖြစ်နောက်ဆုံးဗားရှင်းဖြစ်အဘယ်သို့အရွယ်အစားစိတ်ကြိုက်အိုင်ကွန်ကိုငါသိ၏။ ဆိုက်ဘို့ icon များ၏အရွယ်အစားအကြောင်းကျနော်တို့နောက်ပိုင်းမှာစကားပြောပါလိမ့်မယ်, ဒါပေမယ့်အခုကျနော်တို့ထိုကဲ့သို့သောပုံရိပ်တွေနဲ့အလုပ်လုပ်၏ပရိယာယ်အချို့သတိပြုပါ။ အထူးသဖြင့်, မဆိုက်များအတွက်စိတ်ကြိုက်အိုင်ကွန်၏အရွယ်အစားဖော်ပြထားခြင်း, ဒီအချိုးရှင်းလင်းသင့်ပါတယ်။ အတွေ့အကြုံရှိဒီဇိုင်နာများအားဖြင့်မှတ်ချက်ပြုသည်အတိုင်း, ရုပ်ပုံတစ် .png (24-bit) အဖြစ်သို့မဟုတ် fayl.ICO အဖြစ်သိမ်းဆည်းထားရမည်။

သင်သည်တတ်နိုင်, ရုပ်ပုံကိုကယ်တင်လုပ်ဆောင်ဥပမာ, ကအထိမ်းအမှတ်ရေးဆွဲပါလိမ့်မည်ဘယ်မှာ Photoshop ကို, ၏အကူအညီနှင့်အတူ။

ရှုထောင့်စိတ်ကြိုက်အိုင်ကွန်

ဒါကြောင့်ယခုရဲ့ကျနော်တို့လာမယ့်အရှာဖွေရေးရလဒ်များကိုအတွက် site ကိုမှမြင်သောပုံဖြစ်ရပါမည်ဘယ်လောက်ကြီးမြတ်အကြောင်းပြောဆိုကြကုန်အံ့။ ပြီးသားဖော်ပြခဲ့တဲ့အတိုင်း default အနေဖြင့်, ၎င်း၏အရွယ်အစား (အသီးအသီးအခြမ်းတွင်) သာက 16 pixels ကိုဖြစ်ပါတယ်။ သင် "Photoshop ကို" အတွက် image ကိုတည်းဖြတ်ရန်ကြိုးစားလျှင်မည်သို့ပင်ဆို, ဤမသက်မသာဖြစ်စေကိုယ်အဘို့စစ်ဆေးပါ။ ထို့ကွောငျ့ကြှနျုပျတို့အနာဂတျမှာရုံအနားညှစ်မည်ဖြစ်ပြီးလိုချင်သောပုံစံ၌ကယ်တင်ခြင်းသို့ရောက်သည့်ကျယ်ဝန်းပုံရိပ်နှင့်အတူအလုပ်လုပ်ကိုင်ဖို့အကြံပြုလိုပါတယ်။

multiplatform

သို့သော်စိတ်ကြိုက်အိုင်ကွန်၏အရွယ်အစားသည်သင်၏ site ပေါ်တွင်ဖြစ်သင့်သောအရာကိုအကြောင်းကိုဟော ပြော. , သင်တဦးတည်းကိုပိုပြီးအရာသတိရဖို့လိုပါတယ်။ အားလုံးကတော့ပလက်ဖောင်းအညီအမျှသယံဇာတရုပ်ပုံလွှာကိုထင်ဟပ်လျက်ရှိသည်။ ဥပမာအားဖြင့်, တစ်ဦးက Retina-Display ကို device ကို 32 32 pixels ကိုပမာဏကို၌သင်တို့၏စိတ်ကြိုက်အိုင်ကွန် "ကိုကြည့်ပါ" ။ Safari က၌၎င်း, သစ်ကို Windows platform ပေါ်တွင်အပေါင်းတို့နှင့်တကွ, ဤအ icon တွေကို 64 pixels ကိုအရွယ်အစားကိုရောက်ရှိ။

ထိုကြောင့်ငါတို့သည်ရိုးရှင်းစွာအသုံးပြုသူပလက်ဖောင်းပေါ် မူတည်. ယင်း၏ပြောင်းလဲမှုများကိုအနာဂတ်ကာလအတွက် icon များ၏ကွဲပြားခြားနားသောဗားရှင်းကိုစောင့်ရှောက်ရန်အကြံပြုပါသည်။ နောက်ထပ်စိတ်ဝင်စားဖို့အမှတ် - သင်ကဘရောက်ဇာပေါ်တွင် မူတည်. "ကျုံ့" လိမ့်မည်ဟုမျှော်လင့်ချက်အတွက်အကြီးဆုံး format နဲ့အိုင်ကွန်ကို download လုပ်ရန်ကြိုးစားနိုင်ပါတယ်။

နိုင်ငံခြားအယ်ဒီတာများ

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

တစ်ခါတစ်ရံတွင်အလုပ်လုပ်မယ့်သင်သိအဖြစ်, ဒီတစ်ခါသာပြုမိသည်မှတ်ပုံတင်ရန်ဖို့လိုအပ်ပေမယ့် - တကယ်တော့ဒါမကြာခဏကုမ္ပဏီများမှစိတ်ကြိုက်အိုင်ကွန်ကိုပြောင်းဘူး။ ကိုယ့်တစ်ဦးချင်းစီသည်ယနေ့လိုဂိုကိုပြောင်းလဲပေမယ့်အိုင်ကွန်ကိုထိမကို Google မှာရှာဖွေပါ။

တစ်စိတ်ကြိုက်အိုင်ကွန်ကို Install ဘယ်လိုနေသလဲ?

ဒါဟာမှန်ကန်စွာအလွန်ရိုးရှင်းပြီး, သင်လိုချင်တဲ့ image ကိုပြသနိုင်အောင်ယေဘုယျအားဖြင့်, သင်တို့၏ website ကိုဖွင့်ထား၏။ ဒါဟာသတင်းအချက်အလက်ဖတ်ရှုဖို့ရှာဖွေရေးအင်ဂျင်ကိုခွင့်ပြုလိမ့်မည်ဟုရိုးရှင်းသောခြေလှမ်းများတစ်စီးရီးအဖြစ်ဖွင့်မယ့် browser ကိုဖျော်ဖြေဖို့လုံလောက်ပါတယ်။

ဒီအတှကျအသငျသညျ favicon.ico အဖြစ်ရရှိလာတဲ့ image ကိုကယ်တင်နှင့်သယံဇာတများ၏အမြစ်များတွင်ပြုလုပ်ထားရန်လိုအပ်ပါတယ်။ အရာအားလုံးသင့်ရဲ့ image ကိုအလိုအလျှောက်တွေ့ရှိပါလိမ့်မည်ယခုဖြစ်ပြီး, အဖြစ်အပျက်ကသင့်ရဲ့ site ကိုချိတ်ဆက်ပါလိမ့်မည်တချို့အချိန်။

ဒီစည်းနှောင်အပြင်, သငျသညျအရာ "prompt ကို" လိမ့်မည်အခြားလိုင်း, ဘယ်နေရာမှာသင့်ရဲ့ icon ကို add နိုင်ပါတယ်။ အောက်မှာဖော်ပြထားတဲ့အတိုင်းပုံပေါ်သည်:

code က header ကိုအတွက်ဖြစ်သင့်တယ်သတ်မှတ်မည်။

တွေ့ရှိချက်များ

ဒါကြောင့်ဤဆောင်းပါးကိုဖတ်ရှုပြီးနောက်, သင်တကယ်တော့ကိုင်တွယ်ဖြေရှင်းရအဘယ်အရွယ်အစားဆိုက်နှင့်ကယေဘုယျအားဖြင့်ကြောင်းစိတ်ကြိုက်အိုင်ကွန်ဖြစ်သင့်သည်။ ကအသိအမြင်မြှင်၏စည်းကမ်းချက်များ၌, နှစ်ဦးစလုံးသည်သင်၏ပြိုင်ဖက်တို့တွင်အပိုဆောင်းခွဲဝေ၏စည်းကမ်းချက်များ၌နှစ်ဦးစလုံးသငျတို့လကျသို့အကစားဖြစ်သောကြောင့်ကမရှိမဖြစ်လိုအပ်ချက်တခုဖြစ်ပါသည် - လည်း, ငါသည်သင်တို့သင့် site များအတွက်သင့်လျော်သောအိုင်ကွန်အဘို့အရှာဖွေရေးနားလည်ထင်ပါတယ်။ အနည်းဆုံးအဓိကဆိုဒ်များကျွန်တော်တစ်ဦးထင်ရှားတဲ့သာဓကအဖြစ်ယူနိုငျသောနညျးတူလုပျဆောငျ။ အများကြီးကြိုးစားအားထုတ်မှုကြောင့်ဖြစ်ပေါ်စေပါဘူး, ပြီးတော့, - တစ်ချိန်ကချမှတ်ခြင်းစိတ်ကြိုက်အိုင်ကွန်နှင့်သင့် site ပေါ်တွင်မှန်ကန်စွာတပ်ဆင်, သင်လာမည့်လအနည်းငယ်အဘို့အကအကြောင်းမေ့လျော့နိုင်ပါတယ်။

ဒီတော့စမ်းသပ်အသစ်သောအရာတစ်ခုခုကိုတီထွင်, ကြိုးစားရန်အခမဲ့ခံစားရ - နှင့်အောင်မြင်!