Det gamla talesättet säger att ”en bild är värd mer än tusen ord.” Denna slogan lyser på webben, där uppmärksamheten är notoriskt kort – rätt bild kan göra eller slå sönder en webbplats genom att dra till sig rätt uppmärksamhet och engagera sidbesökare.
Men när en grafik inte laddas får det designen att se trasig ut och i vissa fall kan den försämra användarupplevelse på den sidan. De ”tusen ord” som den trasiga bilden skickar är verkligen inte positiva!
1. Felaktiga filsökvägar
När du lägger till bilder i en webbplatss HTML- eller CSS-fil måste du skapa en sökväg till platsen i din katalogstruktur där dessa filer finns. Detta är kod som talar om webbläsaren vart leta efter och hämta bilden från. I de flesta fall skulle detta finnas i en mapp som heter images
. Om sökvägen till den här mappen och filerna i den är felaktiga kommer bilderna inte att laddas ordentligt eftersom webbläsaren inte kommer att kunna hämta rätt filer. Den kommer att följa vägen som du sa till den, men den kommer att hamna i en återvändsgränd och istället för att visa rätt bild kommer den att bli tom.
2. Filnamn felstavade
När du undersöker filsökvägarna för dina filer, kontrollera att du har stavat namnet på bilden korrekt. Felaktiga namn eller felstavningar är den vanligaste orsaken till problem med bildladdning.
3. Felaktiga filtillägg
I vissa fall kan du ha namnet på filen är rättstavad, men filtillägget kan vara felaktigt. Om din bild är en .jpg-fil, men din HTML-kod letar efter en .png, kommer det att uppstå ett problem. Använd rätt filtyp för varje bild och referera sedan till samma tillägg i din webbplatskod.
Leta också efter skiftlägeskänslighet. Om din fil slutar med .JPG, med bokstäverna i versaler, men din kod refererar till .jpg, alla gemener, ser vissa webbservrar dessa två som olika, även om de är samma bokstäver. Skiftlägeskänslighet räknas.
Det är bäst att alltid spara filer med små bokstäver. Genom att göra det kan vi alltid använda gemener i vår kod, vilket eliminerar ett möjligt problem vi kan ha med våra bildfiler.
4. Saknade filer
Om sökvägarna till dina bildfiler är korrekta, och namnet och filtillägget också är felfria, kontrollera att filerna har laddats upp till webbservern. Att försumma att ladda upp filer till den servern när en webbplats startas är ett vanligt misstag som är lätt att förbise.
Ladda upp dessa bilder, uppdatera din webbsida och den ska omedelbart visa filer som förväntat. Du kan också försöka ta bort bilden på servern och ladda upp den igen. Ibland blir filer skadade under överföringar (t.ex. genom text snarare än binär överföring under FTP), så den här ”radera och ersätt”-metoden hjälper ibland.
5. Webbplatsen Att vara värd för bilderna är nere
Du kommer normalt att vara värd för bilderna som din webbplats använder på din egen server, men i vissa fall kan du använda bilder som finns på andra ställen. Om den webbplatsen som är värd för bilden går ner kommer dina bilder inte heller att laddas.
6. Överföringsproblem
Oavsett om en bildfil laddas från en extern domän eller från din egen, finns det alltid en chans att det kan finnas ett överföringsproblem för den filen när den först begärs av webbläsaren. Det här problemet bör inte vara ett vanligt förekommande (om det är det kan du behöva leta efter en ny värdleverantör), men det kan hända då och då. En vanlig orsak till detta fel är att servern är överväldigad och kan inte leverera alla sidtillgångar tillräckligt snabbt innan begäran tar slut. Du kommer att se det här problemet vanligare med billiga tillhandahållna virtuella webbservrar som kämpar för att hantera mer komplicerade, skripttunga webbplatser. Om det här problemet uppstår ofta, överväg att uppgradera serverns funktioner eller hitta en ny värd. 7. Databasproblem
7. Databasproblem
Moderna dynamiska webbapplikationer, som WordPress, förlitar sig på en databas för att lagra information om allt på en webbplats, inklusive bilderna. Om din webbplats inte kan ladda bilder finns det en chans att databasen har problem.
Det finns en massa sätt databas problem kan hända. Din applikation kanske inte ens är ansluten till databasen, eftersom den antingen är nere eller inte kan nås på en annan server. Något kan ha blivit skadat på själva databasen, eller så har din databasanvändarinformation ändrats, vilket gör att du loggas ut. Även enkla inställningsändringar kan utlösa oavsiktliga konsekvenser som antingen förändrar databasen eller gör den oåtkomlig. Kontrollera serverloggarna för att se om databasen kan vara boven.
Några sista anteckningar
Överväg korrekt användning av ALT-taggar och din webbplats hastighet och övergripande prestanda.
ALT, eller ” alternativ text,” taggar är vad som visas av en webbläsare om en bild inte kan laddas. De är också en viktig komponent för att skapa tillgängliga webbplatser som kan användas av personer med vissa funktionshinder. Varje inline-bild på din webbplats bör ha en lämplig ALT-tagg. Bilder som tillämpas med CSS erbjuder inte detta attribut.
