Mësoni pse imazhet nuk shfaqen në faqen tuaj dhe si t'i rregulloni ato
Thënia e vjetër thotë se "një foto vlen një mijë fjalë". Kjo është veçanërisht e vërtetë në Ueb, ku kufijtë e vëmendjes janë shumë të shkurtër dhe kështu imazhi i duhur mund të bëjë ose të thyejë një faqe duke tërhequr vëmendjen e duhur dhe duke angazhuar vizitorët e faqes sa më gjatë që ata të mësojnë se çfarë kanë nevojë për të mësuar ose kryer një aktivitet specifik veprim që sinjalizon një "fitore" për vendin. Po, kur është fjala për një faqe interneti, imazhet në fakt mund të jenë me vlerë më shumë se një mijë fjalë!
Pra, me rëndësinë e imazheve të krijuara në internet, le të shqyrtojmë më tej se çfarë është duke thënë webfaqja juaj nëse një imazh që supozohet të jetë në këtë faqe nuk arrin të ngarkojë? Kjo mund të ndodhë nëse keni imazhe inline që janë pjesë e imazheve të HTML ose të sfondit të aplikuara me CSS (dhe faqja juaj ka të ngjarë të ketë të dyja këto). Në fund është se kur një grafik nuk arrin të ngarkojë në një faqe, kjo e bën dizajnin të prishur dhe, në disa raste, mund të shkatërrojë plotësisht përvojën e përdoruesit në atë faqe. "Mijë fjalë" që foto po dërgon nuk janë aspak pozitive!
Le të hedhim një vështrim në disa nga arsyet e zakonshme pse imazhet do të dështojnë të ngarkohen në një faqe, si dhe atë që duhet të keni parasysh kur zgjidhni problemin gjatë testimit të faqes .
Rrugët e pasaktë të skedarit
Kur shtoni imazhe në skedarin HTML ose CSS të një faqeje, duhet të krijoni një rrugë për vendndodhjen në strukturën tuaj të direktorisë ku ndodhen këto skedarë. Ky është kodi që i tregon shfletuesit ku të kërkojë dhe të marrë imazhin nga. Në shumicën e rasteve, kjo do të ishte brenda një dosjeje të quajtur "imazhe". Nëse rruga për këtë dosje dhe skedarët brenda saj nuk janë të sakta, imazhet nuk do të ngarkohen siç duhet sepse shfletuesi nuk do të jetë në gjendje të rifitojë skedarët e saktë. Ajo do të ndjekë rrugën që ju e treguat, por ajo do të godasë një fund të vdekur dhe, në vend të shfaqjes së imazhit të duhur, do të dalë bosh.
Hapi 1 në debugimin e çështjeve të ngarkimit të imazhit është të siguroheni që rruga e skedarit që keni koduar është e saktë. Ndoshta keni specifikuar direktorinë e gabuar ose nuk e keni renditur në mënyrë të saktë rrugën e kësaj direktorie. Nëse këto nuk janë kështu, mund të keni një problem tjetër me atë rrugë. Lexo!
Skedat emërtohen me shkrim të gabuar
Ndërsa shqyrtoni skedarët e skedarëve për skedarët tuaj, gjithashtu sigurohuni që keni shkruar saktë emrin e imazhit. Në përvojën tonë, emrat e gabuar ose gabimet e gabuara janë shkaku më i zakonshëm i çështjeve të ngarkimit të imazhit. Mos harroni, shfletuesit e internetit janë shumë të pafalshëm kur bëhet fjalë për emrat e skedarëve. Nëse harroni një letër gabimisht ose përdorni një letër të gabuar, shfletuesi nuk do të kërkojë një skedar që është i ngjashëm dhe të thotë, "oh, ndoshta e keni kuptuar këtë, apo jo?" Jo - nëse skedari është shkruar keq, edhe nëse është afër, nuk do të ngarkohet në faqe.
Shtrirja e gabuar e skedarit
Në disa raste, mund të keni emrin e skedarit të shkruar saktë, por zgjerimi i skedarit mund të jetë i pasaktë. Nëse imazhi yt është një skedar .jpg , por HTML është duke kërkuar një .png, do të ketë një problem. Sigurohuni që po përdorni llojin e saktë të skedarit për secilën imazh dhe pastaj sigurohuni që keni bërë thirrje për atë zgjerim të njëjtë në kodin e faqes suaj.
Gjithashtu shikoni për ndjeshmërinë e rasteve. Nëse skedari yt mbaron me .JPG, me shkronja të gjitha në kapele, por referencat e kodit tuaj .jpg, të gjitha të vogla, ekzistojnë disa serverë të internetit të cilët do të shohin se të dyja janë të ndryshme, edhe pse ato janë të njëjtat grupe letrash. Numrat e ndjeshmërisë së rastit! Kjo është arsyeja pse ne gjithmonë ruaj dosjet tona me të gjitha letrat e vogla. Të bësh kështu na lejon të përdorim gjithmonë me shkronja të vogla në kodin tonë, duke eleminuar një problem të mundshëm që mund të kemi me dosjet tona të imazhit.
Dosjet mungojnë
Nëse shtigjet në skedarët tuaj të imazhit janë të sakta dhe emri dhe skedari janë gjithashtu pa gabime, pika tjetër që duhet kontrolluar është që të siguroheni që skedarët janë ngarkuar në të vërtetë në web server. Neglizhimi për të ngarkuar skedarë në atë server kur një faqe është nisur është një gabim i zakonshëm që është i lehtë të neglizhohet.
Si e ndreqni këtë problem? Ngarkoni ato imazhe, rifreskoni faqen tuaj të internetit dhe duhet të shfaqni menjëherë skedarët siç pritet. Ju gjithashtu mund të provoni të fshini imazhin në server dhe ri-ngarkoni atë. Mund të duket e çuditshme, por ne e kemi parë këtë punë më shumë se një herë. Ndonjëherë skedarët marrin korruptuar, kështu që kjo "fshirje dhe zëvendësim" mund të përfundojë duke ndihmuar.
Faqja e internetit që ruan imazhet është poshtë
Ju zakonisht do të dëshironi të mbani ndonjë imazh që përdor faqja juaj në serverin tuaj, por në disa raste mund të përdorni imazhe që janë strehuar diku tjetër. Nëse faqja që pret imazhin shkon poshtë, imazhet tuaja nuk do të ngarkohen as.
Problemi i transferimit
Nëse një skedar figurash është ngarkuar nga një domain i jashtëm ose nga i juaji, gjithmonë ekziston mundësia që mund të ketë një problem transferimi për atë skedar kur kërkohet së pari nga shfletuesi. Kjo nuk duhet të jetë një dukuri e zakonshme (nëse është, ju mund të duhet të kërkoni një ofrues të ri hosting ), por mund të ndodhë herë pas here.
Ana e keqe e kësaj çështjeje është se vërtet nuk mund të bëni asgjë për të, pasi është problem jashtë kontrollit tuaj. Lajm i mirë është se është një problem i përkohshëm që shpesh zgjidhet shumë shpejt. Për shembull, kur dikush sheh një faqe me pamje të thyer dhe rifreskon atë, vetëm ajo shpesh do të rregullojë problemin dhe ngarkon imazhet siç duhet. Nëse po shihni një imazh të thyer, rifreskoni shfletuesin për të parë nëse ndoshta ishte vetëm një çështje transmetimi kërkesën tuaj fillestare.
Disa shënime përfundimtare
Kur të mendoni për imazhet dhe shqetësimet e ngarkimit, dy gjëra që të jenë të ndërgjegjshëm janë përdorimi i duhur i etiketave ALT dhe shpejtësia e internetit dhe performanca e përgjithshme.
ALT, ose "tekst alternativ", etiketat janë ato që shfaqen nga një shfletues nëse një imazh nuk arrin të ngarkojë. Ata janë gjithashtu një komponent i rëndësishëm në krijimin e faqeve të qasshme që mund të përdoren nga njerëz me aftësi të kufizuara të caktuara. Çdo imazh inline në faqen tuaj duhet të ketë një etiketë të përshtatshme ALT. Vini re se imazhet e aplikuara me CSS nuk e kanë këtë atribut.
Sa i përket performancës së internetit, ngarkimi i shumë imazheve, apo edhe vetëm disa imazhe gjigande që nuk janë optimizuar siç duhet për shpërndarjen e uebit , do të ketë një ndikim negativ në shpejtësinë e ngarkimit. Për këtë arsye, sigurohuni që të provoni ndikimin e çdo imazhi që përdorni në hartimin e faqes suaj dhe të ndërmerrni çdo hap që është i nevojshëm për të përmirësuar performancën e kësaj faqeje, duke krijuar ende pamjen dhe ndjenjën e përgjithshme që është e përshtatshme për projektin tuaj të internetit.