6 põhjust, miks teie veebisaidil pole pilte

Lugege, miks teie veebisaidil pilte ei kuvata ja kuidas neid parandada

Vanas ütluses öeldakse, et "pilt on tuhande sõna väärt." See kehtib eriti veebis, kus tähelepanu keskmes on üsna lühike ja seega võib õige pilt veebisaiti tõesti teha või murda, meelitades õiget tähelepanu ja kaasates lehe külastajaid piisavalt kaua, et nad saaksid õppida, mida nad peavad õppima või tegema tegevus, mis näitab saidile "võida". Jah, veebisaidil on pilte tegelikult rohkem kui tuhat sõna väärt!

Nii et kui on loodud veebipildid, siis vaatame veelgi, mis on teie veebisaidil öeldes, kas pilt, mis peaks saidil olema, ei laadita? See võib juhtuda, kas teil on sisseehitatud kujutised, mis on osa CSS-ist rakendatud HTML- või taustpiltidest (ja teie saidil on mõlemad need mõlemad). Lõpptulemus on see, et kui graafika lehele ei laadita, muudab see disainilahenduse väljanägemise ja mõnel juhul täielikult selle saidi kasutajakogemuse. "Pildi saatmine" tuhandete sõnadega ei ole kindlasti positiivsed!

Vaatame mõningaid levinumaid põhjuseid, miks kujutised ei laadita saidile, ja seda, mida peaksite veebi testimise ajal selle probleemi tõrkeotsingus silmas pidama.

Vigane failiradad

Kui lisate saidi HTML- või CSS- faili kujutisi, peate looma kataloogi struktuuri asukoha, kus need failid asuvad. See on kood, mis ütleb brauseris, kust pilti otsida ja need üles laadida. Enamikul juhtudest asub see kausta nimega "pilte". Kui selle kausta asukoht ja selle sees olevad failid on valed, ei laadita pilte korralikult, sest brauser ei saa õigeid faile alla laadida. See järgib teed, mida te seda rääkisite, kuid see tabab ummikseisu ja kuvatakse sobiva pildi asemel tühjaks.

Pildi laadimise probleemide silumisprotsessi 1. samm on veenduda, et teie poolt kodeeritud faili tee on õige. Võibolla olete määranud vale kataloogi või ei ole õigesti loendanud selle kataloogi asukohta. Kui see nii ei ole, võib sellel teel olla veel üks probleem. Loe edasi!

Failide nimed on valesti kirjutatud

Kui vaatate oma failide failide asukohti, veenduge, et olete õigesti kirjutanud pildi nime. Meie kogemuste kohaselt on ebaõigete nimede või valesti kirjutamise puhul kõige sagedasem piltide laadimisega seotud probleemide põhjus. Pidage meeles, et veebibrauserid on failide nimede puhul väga unforgiving. Kui te unustate kirja vea tõttu või kasutate vale kiri, ei otsi brauser faili, mis on sarnane ja ütleks: "Oh, sa oled ilmselt tähendanud seda ühte, eks?" Ei. Kui fail on kirjutatud valesti, isegi kui see on lähedal, ei laadita see lehte.

Vale faili pikendamine

Mõnel juhul võib teil olla faili nimi õigesti kirjutatud, kuid faililaiend võib olla vale. Kui teie pilt on .jpg-fail , kuid teie HTML otsib .png-d, tekib probleem. Veenduge, et kasutate iga pildi jaoks õiget failitüüpi ja veenduge, et olete kutsunud selle veebisaidi koodi jaoks sama laienduse.

Vaadake ka juhu tundlikkust. Kui teie fail lõpeb .JPG-ga, mille tähted on kõik pealkirjades, kuid teie koodide viited .jpg, kõik väiketähed, on teatud veebiserverid, kes näevad, et need kaks on erinevad, ehkki need on samad kirjade komplektid. Juhtumi tundlikkus loeb! Sellepärast me salvestame alati kõik failid väiketähtedega. See võimaldab meil alati kasutada meie koodi väiketähti, kõrvaldades ühe võimaliku probleemi, mida võiksime oma pildifailidega kokku puutuda.

Failid on puudu

Kui pildifailide teed on õiged ning nime ja faililaiend on ka veadeta, tuleb kontrollida, kas failid on tegelikult veebiserverisse üles laaditud. Sellise serveri failide üleslaadimine saidi käivitamisel on tavaline viga, mida on lihtne unustada.

Kuidas seda probleemi lahendada? Laadige need pildid üles, värskendage oma veebilehte ja see peaks kohe kuvama failid ootuspäraselt. Võite proovida ka pilti serveris kustutada ja uuesti laadida. See võib tunduda kummaline, kuid me oleme seda tööd näinud rohkem kui üks kord. Mõnikord rikutakse faile, seega aitab see "kustutada ja asendada" meetodit aidata.

Veebilehe hostimine pildid on alla

Tavaliselt soovid külastada kõiki pilte, mida teie sait kasutab teie serveris, kuid mõnel juhul võite kasutada ka pilte, mis on mujal hostitud. Kui pilt, millel on pilt, langeb alla, siis ka teie pildid ei laadita.

Üleandmise probleem

Ükskõik, kas pildifail on laaditud välisest domeenist või teie enda poolt, on alati võimalus, et selle faili korral võib esineda ülekandeprobleeme, kui brauser seda esimest korda nõuab. See ei tohiks olla tavaline esinemine (kui see võib olla, peate võib- olla otsima uut veebimajutusteenust pakkujat ), kuid see võib juhtuda aeg-ajalt.

Selle probleemi kahetsusväärne külg on see, et selles ei saa midagi teha, sest see on väljaspool teie kontrolli. Hea uudis on see, et see on ajutine probleem, mida sageli lahendatakse üsna kiiresti. Näiteks kui keegi näeb purunenud lehte ja värskendab seda, lahendab see üksi probleemi sageli ja pilte korralikult. Kui näete purunenud pilti, värskendage brauserit, et näha, kas see võib olla lihtsalt edastamise probleem teie esialgne taotlus.

Mõned lõppjäreldused

Piltide ja probleemide laadimisel mõeldes on ALT-märgiste ja veebisaidi kiiruse ja üldise jõudluse õige kasutamine .

ALT või "alternatiivne tekst", mida brauser kuvab, kui pilt ei laadita. Need on ka oluline osa selliste veebisaitide loomiseks, mida teatud kindlate puuetega inimesed saavad kasutada. Igal saidil oleval sisselogimisel peab olema asjakohane ALT-märgend. Pange tähele, et CSS-ga rakendatud kujutistel pole seda atribuuti.

Veebisaidi toimivuse, laadimise tõttu liiga palju pilte või isegi vaid mõnda hiiglaslikku pilti, mis ei ole veebi edastamiseks korralikult optimeeritud , avaldavad negatiivset mõju laadimise kiirusele. Sel põhjusel kontrollige kindlasti veebisaidi disainis kasutatavate piltide mõju ja tehke kõik toimingud, mis on vajalikud saidi toimivuse parandamiseks, luues samal ajal veebisaidi projekti jaoks sobiva üldise väljanägemise.