Ein altes Sprichwort sagt: "Ein Bild sagt mehr als tausend Worte". Dieser Slogan glänzt im Web, wo die Aufmerksamkeit spannt sind notorisch kurz – das richtige Bild kann eine Website machen oder zerstören, indem es die richtige Aufmerksamkeit und eine ansprechende Seite auf sich zieht Besucher.
Wenn eine Grafik jedoch nicht geladen wird, sieht das Design kaputt aus und kann in einigen Fällen die Benutzererfahrung auf dieser Site beeinträchtigen. Die "tausend Worte", die das kaputte Bild sendet, sind sicherlich keine positiven!
1. Falsche Dateipfade
Wenn Sie Bilder zu den einer Website hinzufügen HTML oder CSS müssen Sie einen Pfad zu dem Speicherort in Ihrer Verzeichnisstruktur erstellen, in dem sich diese Dateien befinden. Dies ist Code, der dem Browser mitteilt, wo er das Bild suchen und holen soll. In den meisten Fällen befindet sich dies in einem Ordner namens Bilder. Wenn der Pfad zu diesem Ordner und die darin enthaltenen Dateien falsch sind, werden die Bilder nicht richtig geladen, da der Browser nicht die richtigen Dateien abrufen kann. Es folgt dem Pfad, den Sie ihm gesagt haben, aber es wird in eine Sackgasse geraten und wird, anstatt das entsprechende Bild anzuzeigen, leer angezeigt.
2. Dateinamen falsch geschrieben
Während Sie die Dateipfade Überprüfen Sie für Ihre Dateien, ob Sie den Namen des Bildes richtig geschrieben haben. Falsche Namen oder Rechtschreibfehler sind die häufigste Ursache für Probleme beim Laden von Bildern.
3. Falsche Dateierweiterungen
In einigen Fällen ist der Name der Datei möglicherweise richtig geschrieben, aber die Dateierweiterung ist möglicherweise falsch. Wenn Ihr Bild a ist .jpg-Datei, Ihr HTML-Code jedoch nach einer PNG-Datei sucht, tritt ein Problem auf. Verwenden Sie für jedes Bild den richtigen Dateityp und verweisen Sie dann auf dieselbe Erweiterung im Code Ihrer Website.
Achten Sie auch auf die Groß-/Kleinschreibung. Wenn Ihre Datei mit .JPG endet, mit den Buchstaben alle in Großbuchstaben, aber Ihr Code verweist auf .jpg, all Kleinbuchstaben, einige Webserver sehen diese beiden als unterschiedlich an, obwohl es sich um die gleichen Sätze von. handelt Briefe. Groß-/Kleinschreibung zählt.
Es empfiehlt sich, Dateien immer mit Kleinbuchstaben zu speichern. Dadurch können wir in unserem Code immer Kleinbuchstaben verwenden und ein mögliches Problem, das wir mit unseren Bilddateien haben könnten, beseitigen.
4. Fehlende Dateien
Wenn die Pfade zu Ihren Bilddateien korrekt sind und Name und Dateierweiterung ebenfalls fehlerfrei sind, überprüfen Sie, ob die Dateien auf den Webserver hochgeladen wurden. Das Hochladen von Dateien auf diesen Server beim Starten einer Site zu vernachlässigen, ist ein häufiger Fehler, der leicht zu übersehen ist.
Laden Sie diese Bilder hoch, aktualisieren Sie Ihre Webseite, und die Dateien sollten sofort wie erwartet angezeigt werden. Sie können auch versuchen, das Bild auf dem Server zu löschen und erneut hochzuladen. Manchmal werden Dateien während der Übertragung beschädigt (z. B. durch Text statt durch binäre Übertragung während FTP), daher hilft diese Methode "Löschen und Ersetzen" manchmal.
5. Die Website, auf der die Bilder gehostet werden, ist ausgefallen
Normalerweise hostest du die Bilder, die deine Website verwendet, selbst Server, aber in einigen Fällen verwenden Sie möglicherweise Bilder, die an anderer Stelle gehostet werden. Wenn die Site, die das Bild hostet, ausfällt, werden Ihre Bilder auch nicht geladen.
6. Übertragungsprobleme
Unabhängig davon, ob eine Bilddatei von einer externen oder Ihrer eigenen Domäne geladen wird, besteht immer die Möglichkeit, dass für diese Datei bei der ersten Anforderung durch den Browser ein Übertragungsproblem auftritt. Dieses Problem sollte nicht häufig auftreten (wenn ja, müssen Sie möglicherweise nach einem neuen Hosting-Anbieter suchen), kann jedoch von Zeit zu Zeit auftreten.
Ein häufiger Grund für diesen Fehler ist, dass der Server überlastet ist und nicht alle Seiten-Assets schnell genug bereitstellen kann, bevor die Anforderung abläuft. Dieses Problem tritt häufiger bei billig bereitgestellten virtuellen Webservern auf, die Schwierigkeiten haben, mit komplizierteren, skriptlastigen Sites umzugehen. Wenn dieses Problem häufig auftritt, sollten Sie die Fähigkeiten des Servers aktualisieren oder einen neuen Host suchen.
7. Datenbankprobleme
Moderne dynamische Webanwendungen wie WordPress verlassen sich auf eine Datenbank, um Informationen über alles auf einer Website zu speichern, einschließlich der Bilder. Wenn Ihre Site keine Bilder lädt, besteht die Möglichkeit, dass die Datenbank ein Problem hat.
Es gibt eine Reihe von Möglichkeiten, wie Datenbankprobleme auftreten können. Ihre Anwendung ist möglicherweise nicht einmal mit der Datenbank verbunden, da sie entweder ausgefallen oder auf einem anderen Server nicht erreichbar ist. Möglicherweise wurde etwas in der Datenbank selbst beschädigt oder Ihre Datenbankbenutzerinformationen haben sich geändert und Sie werden abgemeldet. Selbst einfache Einstellungsänderungen können unbeabsichtigte Folgen haben, die entweder die Datenbank verändern oder sie unerreichbar machen. Überprüfen Sie die Serverprotokolle, um festzustellen, ob die Datenbank der Übeltäter ist.
Ein paar abschließende Anmerkungen
Bedenke die richtige Verwendung von ALT-Tags und Ihre Website-Geschwindigkeit und Gesamtleistung.
ALT- oder „alternative Text“-Tags werden von einem Browser angezeigt, wenn ein Bild nicht geladen werden kann. Sie sind auch ein wichtiger Bestandteil bei der Erstellung barrierefreier Websites, die von Menschen mit bestimmten Behinderungen genutzt werden können. Jedes Inline-Bild auf Ihrer Site sollte ein entsprechendes ALT-Tag haben. Mit CSS angewendete Bilder bieten dieses Attribut nicht.