Det gamle ordtaket sier at "et bilde er verdt tusen ord." Dette slagordet skinner på nettet, hvor oppmerksomheten strekker seg er notorisk korte - det rette bildet kan lage eller ødelegge et nettsted ved å tiltrekke seg riktig oppmerksomhet og engasjerende side besøkende.
Likevel, når en grafikk ikke lastes inn, får den designen til å se ødelagt og kan i noen tilfeller forringe brukeropplevelsen på nettstedet. De "tusen ordene" som det ødelagte bildet sender er absolutt ikke positive!
1. Feil filstier
Når du legger til bilder på et nettsted HTML eller CSS filen, må du opprette en sti til stedet i katalogstrukturen der filene ligger. Dette er kode som forteller nettleseren hvor du skal se etter og hente bildet fra. I de fleste tilfeller vil dette være i en mappe som heter Bilder. Hvis banen til denne mappen og filene inne i den er feil, lastes ikke bildene ordentlig fordi nettleseren ikke kan hente de riktige filene. Den vil følge stien du ba den om, men den vil komme i en blindgate, og i stedet for å vise riktig bilde, vil den komme tom.
2. Filnavn feilstavet
Når du undersøker filstier for filene dine, bekreft at du har stavet navnet på bildet riktig. Feil navn eller feilstaving er den vanligste årsaken til problemer med innlasting av bilder.
3. Feil filendelser
I noen tilfeller kan det hende at navnet på filen er riktig stavet, men filtypen kan være feil. Hvis bildet ditt er et .jpg-fil, men HTML-en leter etter en .png, det vil være et problem. Bruk riktig filtype for hvert bilde og referer deretter til den samme utvidelsen i koden til nettstedet ditt.
Se også etter store og små bokstaver. Hvis filen din slutter med .JPG, med bokstavene alle med store bokstaver, men kodereferansene .jpg, alle små bokstaver, visse webservere ser på de to som forskjellige, selv om de er de samme settene med bokstaver. Saksfølsomhet teller.
Det er best å alltid lagre filer med små bokstaver. Ved å gjøre det kan vi alltid bruke små bokstaver i koden vår, og eliminere et mulig problem vi kan ha med bildefilene våre.
4. Manglende filer
Hvis stiene til bildefilene dine er riktige, og navnet og filutvidelse er også feilfrie, sjekk at filene er lastet opp til webserveren. Å forsømme å laste opp filer til den serveren når et nettsted blir lansert, er en vanlig feil som er lett å overse.
Last opp bildene, oppdater websiden din, og den skal umiddelbart vise filene som forventet. Du kan også prøve å slette bildet på serveren og laste det opp på nytt. Noen ganger blir filer ødelagt under overføringer (f.eks. Ved tekst i stedet for binær overføring under FTP), så denne "slett og erstatt" -metoden hjelper noen ganger.
5. Nettstedet som er vert for bildene er nede
Normalt vil du være vert for bildene som nettstedet ditt bruker på egen hånd server, men i noen tilfeller bruker du kanskje bilder som er vert andre steder. Hvis nettstedet som er vert for bildet, går ned, blir ikke bildene dine lastet inn heller.
6. Overføringsproblemer
Enten en bildefil er lastet fra et eksternt domene eller fra ditt eget, er det alltid en sjanse for at det kan være et overføringsproblem for den filen når den først blir bedt om av nettleseren. Dette problemet burde ikke være en vanlig forekomst (hvis det er mulig, må du kanskje lete etter en ny hosting-leverandør), men det kan skje fra tid til annen.
En vanlig årsak til denne feilen er at serveren er overveldet og ikke kan betjene alle sidens eiendeler raskt nok før forespørselen går ut. Du ser dette problemet oftere med billig tilrettelagte virtuelle webservere som sliter med å håndtere mer kompliserte, skripttunge nettsteder. Hvis dette problemet ofte oppstår, bør du vurdere å oppgradere serverens evner eller finne en ny vert.
7. Databaseproblemer
Moderne dynamiske webapplikasjoner, som WordPress, er avhengige av en database for å lagre informasjon om alt på et nettsted, inkludert bildene. Hvis nettstedet ditt ikke laster inn bilder, er det en sjanse for at databasen har problemer.
Det er mange måter databaseproblemer kan skje på. Det kan hende at applikasjonen din ikke engang er koblet til databasen, fordi den enten er nede eller ikke kan nås på en annen server. Noe kan ha blitt ødelagt i selve databasen, eller databasenes brukerinformasjon endret, og du logget av. Selv enkle innstillingsendringer kan utløse utilsiktede konsekvenser som enten endrer databasen eller gjør den utilgjengelig. Sjekk serverloggene for å se om databasen kan være den skyldige.
Noen få sluttnotater
Vurder riktig bruk av ALT-koder og hastigheten på nettstedet ditt og den totale ytelsen.
ALT, eller "alternativ tekst", er det som vises i en nettleser hvis et bilde ikke lastes inn. De er også en viktig komponent i å lage tilgjengelige nettsteder som kan brukes av personer med visse funksjonshemninger. Hvert innebygde bilde på nettstedet ditt skal ha en passende ALT-tag. Bilder som brukes med CSS, tilbyr ikke dette attributtet.