Իմացեք, թե ինչու են պատկերները ցուցադրվում ձեր կայքում եւ ինչպես դրանք ամրագրել
Հին խոսքը գնում է, որ «նկարը հազար բառ արժե»: Սա հատկապես ճշգրիտ է վեբի վրա, որտեղ ուշադրությունը շեղում է, եւ ճիշտ պատկերն իսկապես կարող է դարձնել կամ կոտրել կայք, ճիշտ ուշադրություն գրավելով եւ այցելուներին ներգրավելով բավականաչափ երկար, որպեսզի նրանք իմանան, թե ինչ պետք է սովորել կամ կատարել կոնկրետ գործողություն, որը ազդարարում է «հաղթանակ» կայքի համար: Այո, երբ խոսքը վերաբերում է կայքէջին, պատկերները կարող են իրականում արժե ավելի քան հազար բառեր:
Այսպիսով, ստեղծվել է առցանց պատկերների կարեւորությունը, եկեք հաջորդ համարենք, թե ինչ է ձեր կայքի ասածը, եթե պատկերում, որը պետք է լինի կայքում տեղադրվի: Սա կարող է պատահել, թե արդյոք ունեք ներածված պատկերներ, որոնք HTML- ի կամ ֆոնային պատկերների մաս են կազմում, որոնք կիրառվում են CSS- ով (եւ ձեր կայքը հավանական է, որ այդ երկուը): Ներքեւի տողն այն է, որ երբ գրաֆիկը չի բեռնում էջում, այն դիզայնի կոտրված տեսք է տալիս, եւ որոշ դեպքերում կարող է ամբողջությամբ քանդել օգտագործողի փորձը այդ կայքում: Պատկերը ուղարկող «հազար բառ» անշուշտ դրական չէ:
Եկեք նայենք որոշ ընդհանուր պատճառներով, թե ինչու պատկերները չեն կարողանում տեղադրվել կայքում, ինչպես նաեւ այն մասին, թե ինչ պետք է ուշադրություն դարձնեք այն հարցի լուծման համար, երբ խնդիրը թեստավորումն է կայքում :
Սխալ ֆայլի ուղիները
Երբ եք պատկերներ տեղադրել կայքի HTML- ի կամ CSS- ի ֆայլում, դուք պետք է ստեղծեք ձեր դիրեկտորիայի կառուցվածքի ուղին, որտեղ այդ ֆայլերը բնակվում են: Սա կոդը, որը պատմում է զննարկչին, որտեղից պետք է որոնել եւ վերբեռնել պատկերը: Շատ դեպքերում սա կլինի «պատկերներ» անվանվող թղթապանակում: Եթե այս թղթապանակը եւ դրա ներսում գտնվող ֆայլերը ճիշտ չեն, պատկերները պատշաճ չեն բեռնում, քանի որ զննարկիչը չի կարողանա ճիշտ ֆայլեր ստանալ: Դա կհետեւի այն ճանապարհին, որը դուք ասել եք, բայց այն կկտրի փակուղի, եւ համապատասխան պատկերի ցուցադրման փոխարեն կդառնա դատարկ:
Քայլ 1-ին, պատկերի բեռնման խնդիրները կարգավորելը, համոզված է, որ ձեր կոդավորված ֆայլի ուղին ճիշտ է: Գուցե դուք սխալ դիրեկտորիա եք ներկայացրել կամ ճիշտ չի ցուցաբերել այդ տեղեկատուի ուղին: Եթե այդպես չէ, ապա այդ ճանապարհով դուք կարող եք ունենալ մեկ այլ խնդիր: Կարդացեք:
Ֆայլի անունները սխալ են
Երբ ձեր ֆայլերի ֆայլի ուղիները ուսումնասիրում եք, համոզվեք, որ ճիշտ եք նկարել անունը: Մեր փորձառության մեջ սխալ պատկերացումներն ու բացթողումները պատկերի բեռնման խնդիրների ամենատարածված պատճառն են: Հիշեք, որ վեբ բրաուզերները շատ անտարբեր են, երբ խոսքը վերաբերում է ֆայլի անուններին: Եթե դուք մոռանաս սխալը կամ սխալ նամակը օգտագործեք, զննարկիչը չի փնտրի այնպիսի ֆայլ, որը նման է եւ ասում, «այո, հավանաբար սա նշանակում է այս մեկը, ճիշտ է»: Ոչ, եթե ֆայլը սխալ է գրվել, նույնիսկ եթե այն մոտ է, ապա այն չի բեռնում էջում:
Wrong File Extension- ը
Որոշ դեպքերում դուք կարող եք ճիշտ անվանել ֆայլի անունը, սակայն ֆայլի ընդլայնումը կարող է սխալ լինել: Եթե ձեր պատկերը մի .jpg ֆայլ է , բայց ձեր HTML- ն փնտրում է .png, խնդիր կլինի: Համոզվեք, որ դուք օգտագործում եք ճիշտ պատկերը, յուրաքանչյուր պատկերի համար, եւ համոզվեք, որ այդ նույն ընդլայնումը կանչել եք ձեր կայքի կոդի մեջ:
Նաեւ փնտրում է գործի զգայունություն: Եթե ձեր ֆայլը ավարտվում է .JPG- ով, տառերը գրված են բոլորի մեջ, բայց ձեր կոդը հղումներով .jpg, բոլոր փոքրատառերը, կան որոշ վեբ սերվերներ, որոնք կտեսնեն այդ երկու տարբերությունները, չնայած դրանք նույն նամակների շարքերն են: Գործի զգայունությունը հաշվում է: Սա է պատճառը, որ մենք միշտ պահում ենք մեր ֆայլերը բոլոր ստորին տառերով: Այդպես վարվելով, թույլ է տալիս մեզ միշտ օգտագործել մեր օրենսգրքի փոքրատառերը, վերացնելով հնարավոր խնդիրը, որ կարող էինք ունենալ մեր պատկերի ֆայլերը:
Ֆայլեր բացակայում են
Եթե ձեր պատկերի ֆայլերի ուղիները ճիշտ են, եւ անունը եւ ֆայլի ընդլայնումը նույնպես անվճար են, ստուգման հաջորդ տարրը համոզված է, որ ֆայլերը իրականում վերբեռնված են վեբ սերվերի վրա: Անհապաղ բեռնելու համար ֆայլեր այդ սերվերի վրա, երբ կայքը սկսվում է, ընդհանուր սխալ է, որը հեշտ է անտեսել:
Ինչպես եք լուծում այս խնդիրը: Վերբեռնեք այդ պատկերները, թարմացրեք ձեր վեբ էջը եւ այն պետք է անմիջապես ցուցադրեք ֆայլերը: Կարող եք նաեւ փորձել ջնջել պատկերի պատկերը սերվերում եւ կրկին վերբեռնել: Դա կարող է տարօրինակ թվալ, բայց մենք այս աշխատանքը տեսել ենք ավելի քան մեկ անգամ: Երբեմն ֆայլերը կոռումպացված են, ուստի այս «ջնջել եւ փոխարինել» մեթոդը կարող է ավարտվել:
Նկարները հյուրընկալող կայքը դանդաղ է
Դուք սովորաբար ցանկանում եք հյուրընկալել ցանկացած պատկեր, որը ձեր կայքի օգտագործումն է ձեր սեփական սերվերի վրա, բայց որոշ դեպքերում կարող եք օգտագործել պատկերներ, որոնք տեղակայված են այլուր: Եթե այդ կայքէջը հյուրընկալող էջը իջնում է, ձեր պատկերները չեն բեռնելու:
Փոխանցման խնդիրը
Անկախ նրանից, որ պատկերը ֆայլը բեռնվում է արտաքին տիրույթից կամ ձեր սեփականից, միշտ կա հնարավորություն, որ ֆայլի համար խնդիր կա, երբ այն առաջին անգամ խնդրեց բրաուզերի կողմից: Սա չպետք է լինի սովորական երեւույթ (եթե այն կա, անհրաժեշտ է փնտրել նոր հոստինգ մատակարար ), բայց դա կարող է տեղի ունենալ ժամանակ առ ժամանակ:
Այս հարցի ցավալի կողմն այն է, որ իրականում ոչինչ չի կարող անել դրա մասին, քանի որ դա ձեր վերահսկողության սահմաններից դուրս խնդիր է: Լավ նորությունն այն է, որ դա ժամանակավոր խնդիր է, որը շատ արագ լուծվում է: Օրինակ, երբ ինչ-որ մեկը տեսնում է կոտրված էջ եւ թարմացնում է այն, միայնակ կստիպի այդ խնդիրը եւ պատշաճ կերպով բեռնաթափել պատկերները: Եթե տեսնում եք կոտրված պատկեր, թարմացրեք զննարկիչը, տեսնեք, թե արդյոք դա պարզապես փոխանցման խնդիր է ձեր նախնական հայտը:
Մի քանի վերջնական նշում
Երբ մտածում եք պատկերների եւ մտահոգությունների տեղադրման մասին, երկու բան եւս պետք է հաշվի առնել `ALT պիտակների պատշաճ օգտագործումը եւ ձեր կայքի արագությունը եւ ընդհանուր կատարումը:
ALT, կամ «այլընտրանքային տեքստ», պիտակներ են, թե ինչ է ցուցադրվում զննարկիչը, եթե պատկերը չի բեռնվում: Նրանք նաեւ կարեւոր բաղադրիչ են հասանելի կայքերի ստեղծման համար, որոնք կարող են օգտագործվել որոշակի հաշմանդամություն ունեցող անձանց կողմից: Ձեր կայքի յուրաքանչյուր ներկառուցված պատկերը պետք է ունենա համապատասխան ALT պիտակը: Նշենք, որ CSS- ով կիրառվող նկարները չունեն այս հատկանիշը:
Ինչ վերաբերում է կայքերի կատարմանը, չափազանց շատ պատկերներ բեռնելիս, կամ նույնիսկ մի քանի հսկաների պատկերները, որոնք պատշաճ կերպով չեն օպտիմիզացված վեբ առաքման համար , բացասական ազդեցություն կունենան բեռնման արագության վրա: Այս պատճառով, համոզվեք, որ ստուգեք ձեր կայքի նախագծման մեջ օգտագործվող ցանկացած պատկերների ազդեցությունը եւ այնպիսի քայլեր ձեռնարկեք, որոնք անհրաժեշտ են այդ կայքի կատարելագործման համար, մինչդեռ ստեղծելով ընդհանուր տեսք եւ զգացում, որը համապատասխանում է ձեր կայքի նախագծին: