Het oude gezegde luidt dat "een foto meer zegt dan duizend woorden". Deze slogan schittert op het web, waar de aandacht zich uitstrekt zijn notoir kort: de juiste afbeelding kan een site maken of breken door de juiste aandacht en boeiende pagina te trekken bezoekers.
Maar als een afbeelding niet kan worden geladen, ziet het ontwerp er gebroken uit en kan in sommige gevallen de gebruikerservaring op die site verslechteren. De "duizend woorden" die de kapotte foto stuurt zijn zeker geen positieve!
1. Onjuiste bestandspaden
Wanneer u afbeeldingen toevoegt aan de. van een site HTML of CSS bestand, moet u een pad maken naar de locatie in uw directorystructuur waar die bestanden zich bevinden. Dit is code die de browser vertelt waar de afbeelding moet worden gezocht en opgehaald. In de meeste gevallen bevindt dit zich in een map met de naam afbeeldingen. Als het pad naar deze map en de bestanden erin onjuist zijn, worden de afbeeldingen niet goed geladen omdat de browser de juiste bestanden niet kan ophalen. Het zal het pad volgen dat je het hebt verteld, maar het loopt dood en in plaats van de juiste afbeelding weer te geven, wordt het leeg weergegeven.
2. Bestandsnamen verkeerd gespeld
Terwijl je de bestandspaden voor uw bestanden, controleert u of u de naam van de afbeelding correct hebt gespeld. Onjuiste namen of spelfouten zijn de meest voorkomende oorzaak van problemen met het laden van afbeeldingen.
3. Verkeerde bestandsextensies
In sommige gevallen is de naam van het bestand correct gespeld, maar is de bestandsextensie mogelijk onjuist. Als je afbeelding een is .jpg-bestand, maar uw HTML zoekt naar een .png, zal er een probleem zijn. Gebruik het juiste bestandstype voor elke afbeelding en verwijs vervolgens naar diezelfde extensie in de code van uw website.
Let ook op hoofdlettergevoeligheid. Als uw bestand eindigt op .JPG, met de letters allemaal in hoofdletters, maar uw code verwijst naar .jpg, alles kleine letters, bepaalde webservers zien die twee als verschillend, ook al zijn het dezelfde sets van brieven. Hoofdlettergevoeligheid telt.
Het is het beste om bestanden altijd op te slaan met alleen kleine letters. Door dit te doen, kunnen we altijd kleine letters in onze code gebruiken, waardoor een mogelijk probleem met onze afbeeldingsbestanden wordt geëlimineerd.
4. Ontbrekende bestanden
Als de paden naar uw afbeeldingsbestanden correct zijn, en de naam en bestandsextensie ook foutloos zijn, controleer dan of de bestanden zijn geüpload naar de webserver. Het nalaten om bestanden naar die server te uploaden wanneer een site wordt gelanceerd, is een veelgemaakte fout die gemakkelijk over het hoofd wordt gezien.
Upload die afbeeldingen, ververs uw webpagina en het zou de bestanden onmiddellijk moeten weergeven zoals verwacht. U kunt ook proberen de afbeelding op de server te verwijderen en opnieuw te uploaden. Soms raken bestanden beschadigd tijdens overdrachten (bijvoorbeeld door tekst in plaats van binaire overdracht tijdens FTP), dus deze "verwijderen en vervangen"-methode helpt soms.
5. De website waarop de afbeeldingen worden gehost, is niet beschikbaar
Normaal gesproken host je de afbeeldingen die je site gebruikt alleen server, maar in sommige gevallen gebruikt u mogelijk afbeeldingen die elders worden gehost. Als de site waarop de afbeelding wordt gehost uitvalt, worden uw afbeeldingen ook niet geladen.
6. Overdrachtsproblemen
Of een afbeeldingsbestand nu wordt geladen vanaf een extern domein of vanuit uw eigen domein, er is altijd een kans dat er een overdrachtsprobleem is voor dat bestand wanneer het voor het eerst door de browser wordt gevraagd. Dit probleem zou niet vaak moeten voorkomen (als dat zo is, moet u mogelijk op zoek naar een nieuwe hostingprovider), maar het kan van tijd tot tijd voorkomen.
Een veelvoorkomende reden voor deze storing is dat de server overweldigd is en niet alle pagina-items snel genoeg kan leveren voordat het verzoek verloopt. U zult dit probleem vaker tegenkomen bij goedkoop ingerichte virtuele webservers die moeite hebben om meer gecompliceerde, script-zware sites te verwerken. Als dit probleem vaak optreedt, overweeg dan om de mogelijkheden van de server te upgraden of een nieuwe host te zoeken.
7. Databaseproblemen
Moderne dynamische webapplicaties, zoals WordPress, vertrouwen op een database om informatie over alles op een site op te slaan, inclusief de afbeeldingen. Als uw site geen afbeeldingen kan laden, bestaat de kans dat de database een probleem ondervindt.
Er zijn een aantal manieren waarop databaseproblemen kunnen optreden. Uw toepassing is mogelijk niet eens verbonden met de database, omdat deze niet beschikbaar is of niet bereikbaar is op een andere server. Er kan iets beschadigd zijn geraakt in de database zelf, of de gebruikersinformatie van uw database is gewijzigd, waardoor u bent uitgelogd. Zelfs eenvoudige wijzigingen in instellingen kunnen onbedoelde gevolgen hebben die de database wijzigen of onbereikbaar maken. Controleer de serverlogboeken om te zien of de database de boosdoener is.
Een paar laatste opmerkingen
Houd rekening met de correct gebruik van ALT-tags en uw websitesnelheid en algehele prestaties.
ALT, of "alternatieve tekst", tags zijn wat door een browser wordt weergegeven als een afbeelding niet kan worden geladen. Ze zijn ook een belangrijk onderdeel bij het maken van toegankelijke websites die kunnen worden gebruikt door mensen met bepaalde handicaps. Elke inline-afbeelding op uw site moet een geschikte ALT-tag hebben. Afbeeldingen die zijn toegepast met CSS bieden dit kenmerk niet.