Bilder som saknas

Silktide hittar bilder som dina sidor begär men som inte kan läsas in, vanligtvis för att bildfilen har flyttats eller tagits bort, eller för att webbadressen har skrivits fel. Besökare ser en ikon för en trasig bild eller ett tomt utrymme där bilden skulle ha visats.

<!-- Den här bildfilen finns inte längre, så besökare ser en trasig bild -->
<img src="/images/team-photo-2019.jpg" alt="Vårt team">

Varför detta är viktigt

En trasig bild är ett av de mest synliga felen en sida kan ha: webbläsaren visar en ikon för en trasig bild eller ett tomt hål precis där ditt innehåll skulle finnas. Det får hela sidan att se försummad ut, och om bilden innehöll information – ett diagram, ett produktfoto eller en illustration – är den informationen helt enkelt borta för besökaren.

Även när den saknade bilden var dekorativ eller oanvänd slösar varje besökares webbläsare fortfarande tid på att begära den och vänta på att begäran ska misslyckas, vilket gör sidan långsammare helt i onödan.

Så åtgärdar du det

Hitta referensen till den saknade bilden – Silktide markerar var och en av dem på sidan.
Om bilden har flyttats uppdaterar du referensen till den nya adressen. Om den togs bort med avsikt tar du bort referensen (i ditt innebär det vanligtvis att du redigerar sidan eller mallen som innehåller den).
Om bilden borde finnas laddar du upp den igen eller kontrollerar varför servern avvisar begäran.
Testa sidan efteråt och bekräfta att bilden visas.

Så testar Silktide detta

Läser in varje sida i en riktig webbläsare och registrerar varje fil som sidan begär, inklusive bilder som läses in av CSS och skript.
Behåller begärandena för bilder.
Rapporterar varje begäran som inte kan hämtas – ett felsvar från servern, till exempel 404, eller ett anslutningsfel. Tillfälliga tidsgränsöverskridningar och begäranden som webbläsaren själv avbröt rapporteras inte, för att undvika falska varningar.
Markerar var på sidan varje saknad bild används och hoppar över bilder i element som du har undantagit från testningen.

Felsökning

Bilden läses in när jag försöker

Bilden kan finnas bakom en inloggning, vara blockerad för automatiserade besökare eller levereras på ett inkonsekvent sätt. Kontrollera även blandat innehåll: en bild som begärs via vanlig HTTP från en sida som levereras via blockeras av webbläsaren även om filen finns – lösningen är att referera till den med en https://-adress. Om allt faktiskt fungerar kan du resultatet.

Jag kan inte se var bilden används

Alla bilder finns inte i en <img>-tagg – bakgrunder som anges i och bilder som läggs till av skript kan fallera på samma sätt. Silktides markering visar det ansvariga elementet när det går att hitta.