Favicon sa nezobrazuje: súbory, odkazy a vyrovnávacia pamäť

Vyberte ikonu, ktorá funguje v malom rozmeru

Použite jednoduchý štvorcový symbol namiesto podrobnej fotografie alebo dlhého slovného znaku. Skontrolujte 16-pixelový prehľad v webovej tabuľke ikona (favicon) generátor. ZIP obsahuje viacrozmerné ICO, PNG ikony, webmanifest a príklad HTML. Konvertujte podporovaný SVG na PNG najprv, ak je zdroj vektorovým súborom.

Uložiť súbory a potvrdiť ich adresy

Odstráňte ZIP a nahrajte vybrané ikony súbory na vlastnú webovú stránku. Otvorte každú určenú ikonu URL v prehliadači a potvrďte, že vráti obrázok namiesto prihlasovacej stránky, chýbajúcej obrazovky súboru alebo dokumentu HTML. Použite príklad HTML ako východiskový bod a nastavte cesty na skutočné umiestnenie nahrávania. Vytvorenie samotného manifestu nezmení lokalitu na inštalovateľnú aplikáciu.

Použite nastavenie ikony vašej platformy, kde je k dispozícii

Téma alebo webový tvorca už môže spravovať ikonu. Nastavte tam ikonu namiesto pridávania niekoľkých konkurenčných značiek. Na prispôsobenej stránke skontrolujte renderovanú hlavu a skontrolujte, ktoré rel="icon" a Apple touch ikony URL vyhlasuje. Správny súbor na serveri nepomôže, ak stránka ukazuje na inú cestu.

Rozlišovať cache oneskorenia od inštalácie chýb

Po zmene ikony vymažte lokalitu alebo cache CDN a skúste novú prehliadačovú reláciu. Prehliadač môže uchovávať staršiu ikonu aj po stiahnutí stránky. Výsledky vyhľadávania sa zobrazujú nezávisle a ikony sa zobrazujú nezávisle, takže správna tabuľka prehliadača sľubuje okamžitú aktualizáciu výsledkov vyhľadávania. Vyhýbajte sa opakovanému vytvárania nových ikón, zatiaľ čo zlomená adresa URL alebo cache zostáva skutočnou príčinou.

Pokračujte súvisiacim nástrojom