Det gamle ordsprog siger, at et billede er tusind ord værd. Dette gælder især på internettet, hvor opmærksomhedsintervaller er notorisk korte, og det rigtige billede kan virkelig gøre eller ødelægge et websted ved at tiltrække den rigtige opmærksomhed og engagerende sidebesøgende nok til at lære, hvad de behøver at lære eller udføre en specifik handling, der signalerer en "win" for webstedet. Ja, når det kommer til et websted, kan billeder faktisk være mere end tusind ord!
Så med vigtigheden af online-billeder etableret, lad os nu overveje, hvad dit websted siger, hvis et billede, der skulle være på webstedet, ikke kan læses? Dette kan ske, uanset om du har inlinebilleder, der er en del af HTML- eller baggrundsbillederne, der er anvendt med CSS (og dit websted har sandsynligvis begge disse). Den nederste linie er, at når en grafik undlader at indlæse på en side, får det udseende til at blive brudt og i nogle tilfælde kan helt ødelægge brugeroplevelsen på det pågældende websted. De tusind ord, som billedet sender, er bestemt ikke positive!
Lad os tage et kig på nogle af de almindelige grunde til, at billederne ikke kunne læses på et websted, samt hvad du bør være opmærksom på, når du fejler dette problem under webstedsprøvning.
Forkerte filstier
Når du tilføjer billeder til et websteds HTML- eller CSS-fil, skal du oprette en sti til placeringen i din mappestruktur, hvor disse filer er bosat. Dette er kode, der fortæller browseren, hvor du skal kigge 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, bliver billederne ikke indlæst korrekt, fordi browseren ikke vil kunne hente de rigtige filer. Det vil følge den vej, du fortalte det til, men det vil ramme en blindgyde, og i stedet for at vise det korrekte billede vil det komme tomt ud.
Trin 1 i fejlfinding af billedindlæsning er at sikre, at den filsti, du har kodet, er korrekt. Måske har du angivet den forkerte mappe eller ikke korrekt angivet stien til den pågældende mappe. Hvis dette ikke er tilfældet, kan du have et andet problem med den pågældende sti. Læs videre!
Filnavne, der er stavet op
Når du undersøger filstierne for dine filer, skal du også være sikker på, at du stavet billedets navn korrekt. I vores erfaring er forkerte navne eller stavefejl den mest almindelige årsag til problemer med indlæsning af billeder. Husk, at webbrowsere er meget uforgivende, når det kommer til filnavne. Hvis du ved en fejl har glemt et brev eller bruger det forkerte brev, søger browseren ikke efter en fil, der ligner hinanden, og siger, "Åh, du har sandsynligvis ment denne, rigtigt?" Nej - hvis filen er stavet forkert, selvom den er tæt, lægges den ikke på siden.
Forkert filudvidelse
I nogle tilfælde kan du have navnet på filen korrekt stavet, men filtypen kan være forkert. Hvis dit billede er en .jpg-fil, men din HTML søger en .png, vil der være et problem. Sørg for at du bruger den korrekte filtype for hvert billede, og vær sikker på at du har kaldt den samme udvidelse i dit websites kode.
Se også efter sårfølsomhed. Hvis din fil slutter med .JPG, med bogstaverne alle i hætter, men dine kodehenvisninger .jpg, alle små bogstaver, er der visse webservere, der vil se, at de to er forskellige, selv om de er de samme sæt bogstaver. Case følsomhed tæller! Derfor gemmer vi altid vores filer med små bogstaver. Hvis du gør det, kan vi altid bruge små bogstaver i vores kode, hvilket eliminerer et muligt problem, vi kunne have med vores billedfiler.
Der mangler filer
Hvis stierne til dine billedfiler er korrekte, og navnet og filudvidelsen også er fejlfri, er det næste element, der skal kontrolleres, at sikre, at filerne faktisk er blevet uploadet til webserveren. Hvis du forsømmer at uploade filer til den server, når et websted startes, er det en almindelig fejl, der er let at overse.
Hvordan løser du dette problem? Upload disse billeder, opdater din webside, og det skal straks vise filerne som forventet. Du kan også prøve at slette billedet på serveren og genoplaste det. Det kan virke underligt, men vi har set dette arbejde mere end én gang. Nogle gange bliver filer ødelagt, så denne "slet og erstat" -metode kan ende med at hjælpe.
Webstedet, hvor billederne er nede
Du vil typisk være vært for alle billeder, som dit websted bruger på din egen server, men i nogle tilfælde kan du bruge billeder, der er placeret andetsteds. Hvis den site hosting billedet går ned, vil dine billeder ikke blive indlæst heller.
Overføringsproblem
Uanset om en billedfil er hentet fra et eksternt domæne eller alene, er der altid en chance for, at der kan være et overførselsproblem for den fil, når den først bliver bedt om af browseren. Dette bør ikke være en almindelig begivenhed (hvis det er, skal du muligvis søge efter en ny hostingudbyder), men det kan ske fra tid til anden.
Den uheldige side af dette problem er, at der virkelig ikke er noget du kan gøre ved det, da det er et problem uden for din kontrol. Den gode nyhed er, at det er et midlertidigt problem, der ofte løses ret hurtigt. Når en person f.eks. Ser en ødelagt side og opdaterer den, vil det alene ofte løse problemet og korrekt indlæse billederne. Hvis du ser et ødelagt billede, skal du opdatere browseren for at se, om det måske kun var et transmissionsproblem på din oprindelige anmodning
Et par afsluttende noter
Når man tænker på billeder og laster bekymringer, er to ting, der også er opmærksomme på, den rigtige brug af ALT-tags og din hjemmesidehastighed og overordnede ydeevne.
ALT, eller "alternativ tekst", er tags, der vises af en browser, hvis et billede ikke læses. De er også en vigtig komponent i at skabe tilgængelige websteder, der kan bruges af personer med visse handicap. Alle inline-billeder på dit websted skal have en passende ALT-tag. Bemærk, at billeder, der er anvendt med CSS, ikke har denne attribut.
Med hensyn til udførelse af websider, ved at indlæse for mange billeder, eller endda nogle få gigantiske billeder, der ikke er korrekt optimeret til webudlevering, vil det have en negativ indvirkning på indlæsningshastigheden. Af denne grund er du sikker på at teste virkningen af billeder, du bruger i dit websteds design, og træffe de nødvendige skridt til at forbedre webstedets ydeevne, mens du stadig skaber det overordnede udseende, der passer til dit website-projekt.
