Det gamle ordsprog siger, at "et billede er tusind ord værd." Dette slogan skinner på nettet, hvor opmærksomheden spænder er notorisk korte - det rigtige billede kan skabe eller bryde et websted ved at tiltrække den rette opmærksomhed og engagerende side besøgende.
Men når en grafik ikke indlæses, får det designet til at se brudt ud og kan i nogle tilfælde forringe brugeroplevelsen på dette websted. De "tusind ord", som det ødelagte billede sender, er bestemt ikke positive!
1. Forkerte filstier
Når du føjer billeder til et websteds HTML eller CSS fil, skal du oprette en sti til placeringen i din bibliotekstruktur, hvor disse filer ligger. Dette er kode, der fortæller browseren, hvor den skal lede efter og hente billedet fra. I de fleste tilfælde vil dette være inde i en mappe med navnet billeder. Hvis stien til denne mappe og filerne inde i den er forkert, indlæses billederne ikke korrekt, fordi browseren ikke kan hente de korrekte filer. Det følger den sti, som du har bedt det om, men det vil ramme en blindgyde, og i stedet for at vise det relevante billede, kommer det op blankt.
2. Filnavne stavet forkert
Når du undersøger filstier for dine filer skal du kontrollere, at du stavede navnet på billedet korrekt. Forkerte navne eller stavefejl er den mest almindelige årsag til billedindlæsningsproblemer.
3. Forkerte filtypenavne
I nogle tilfælde har navnet på filen muligvis stavet korrekt, men filtypen kan være forkert. Hvis dit billede er et .jpg-fil, men din HTML leder efter en .png, der vil være et problem. Brug den korrekte filtype til hvert billede og henvis derefter til den samme udvidelse i dit websteds kode.
Se også efter sagsfølsomhed. Hvis din fil slutter med .JPG, med bogstaverne alle med store bogstaver, men dine kodehenvisninger .jpg, alle små bogstaver, visse webservere ser disse to som forskellige, selvom de er de samme sæt af bogstaver. Sagsfølsomhed tæller.
Det er den bedste praksis at altid gemme filer med små bogstaver. Dette gør det muligt for os altid at bruge små bogstaver i vores kode, hvilket eliminerer et muligt problem, vi kunne have med vores billedfiler.
4. Manglende filer
Hvis stierne til dine billedfiler er korrekte, og navnet og filtypenavn er også fejlfri, skal du kontrollere, at filerne er uploadet til webserveren. Forsømmelse af at uploade filer til den server, når et websted startes, er en almindelig fejl, der er let at overse.
Upload disse billeder, opdater din webside, og den skal straks vise filerne som forventet. Du kan også prøve at slette billedet på serveren og uploade det igen. Undertiden ødelægges filer under overførsler (f.eks. Ved tekst i stedet for binær overførsel under FTP), så denne "slet og erstat" -metode hjælper undertiden.
5. Webstedet, der er vært for billederne, er nede
Du er normalt vært for de billeder, som dit websted bruger alene server, men i nogle tilfælde bruger du muligvis billeder, der er hostet andetsteds. Hvis det websted, der er vært for billedet, går ned, bliver dine billeder heller ikke indlæst.
6. Problemer med overførsel
Uanset om en billedfil indlæses fra et eksternt domæne eller fra dit eget, er der altid en chance for, at der kan være et overførselsproblem for den fil, når den først anmodes om af browseren. Dette problem bør ikke være en almindelig begivenhed (hvis det er tilfældet, skal du muligvis søge en ny hostingudbyder), men det kan ske fra tid til anden.
En almindelig årsag til denne fejl er, at serveren er overvældet og ikke kan betjene alle sideaktiverne hurtigt nok, før anmodningen udløber. Du kan se dette problem mere almindeligt med billige virtuelle webservere, der kæmper for at håndtere mere komplicerede, script-tunge websteder. Hvis dette problem opstår ofte, skal du overveje at opgradere serverens muligheder eller finde en ny vært.
7. Databaseproblemer
Moderne dynamiske webapplikationer, som WordPress, er afhængige af en database til at gemme oplysninger om alt på et websted, inklusive billederne. Hvis dit websted ikke indlæser billeder, er der en chance for, at databasen oplever noget problem.
Der er en række måder, hvorpå databaseproblemer kan ske. Din applikation er muligvis ikke engang forbundet til databasen, fordi den enten er nede eller ikke kan nås på en anden server. Noget kan være blevet ødelagt i selve databasen, eller dine databasebrugeroplysninger blev ændret og logget dig ud. Selv enkle indstillingsændringer kan udløse utilsigtede konsekvenser, der enten ændrer databasen eller gør den utilgængelig. Tjek serverlogfiler for at se, om databasen muligvis er synderen.
Et par afsluttende noter
Overvej korrekt brug af ALT-tags og dit websteds hastighed og overordnede ydeevne.
ALT- eller "alternativ tekst" -tags er det, der vises i en browser, hvis et billede ikke indlæses. De er også en vigtig komponent i oprettelsen af tilgængelige websteder, der kan bruges af mennesker med visse handicap. Hvert indbygget billede på dit websted skal have et passende ALT-tag. Billeder anvendt med CSS tilbyder ikke denne attribut.