Favicon z loga: veľkosti pre prehliadač aj Google

Ktoré súbory patria kam?

Pre Google použite podporovaný formát ako PNG alebo ICO: SVG v aktuálnom zozname nie je. Štvorcová ikona musí mať aspoň 8×8 px; Google odporúča viac než 48×48, takže 96×96 je užitočná, nie zastaraná veľkosť. Odkaz umiestnite na domovskú stránku, URL držte stabilnú a umožnite Googlebotu načítať stránku a Googlebot-Image obrázok. Splnenie pravidiel nezaručuje zobrazenie.

Vytvorenie a nasadenie ikony

1. Začnite rozpoznateľným symbolom; vynechajte slogan a jemné detaily.
2. Overte tvar v 16 a 32 px na svetlom i tmavom pozadí.
3. Exportujte z vektora. V balíčku LogoSaga zvoľte jednu zložku favicon a zachovajte cesty manifestu.
4. Odkazy nižšie pridajte iba k súborom prítomným na serveri. PNG96 je ďalší export pre vyhľadávanie.

<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48" />
<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
<link rel="manifest" href="/site.webmanifest" />

SVG môže používať prefers-color-scheme, ale overte podporované prehliadače a verzie. Symbol čitateľný na oboch pozadiach je spoľahlivá záloha. Ikony Apple touch a manifestu sú samostatné súbory, nie automatické verzie SVG prehliadača.

Prečo sa nezobrazuje?

Otvorte URL obrázka priamo: musí vracať obrázok, nie chybu či prihlásenie. Overte odkazy domovskej stránky a prístup robotov. V prehliadači obnovte stránku alebo vymažte miestnu cache ikon. Pre Google ponechajte stabilnú URL a požiadajte o indexovanie domovskej stránky cez Search Console; môže trvať dni až týždne. Opakované premenovanie neopravuje vyhľadávanie.

Nadväzujúce praktické návody: Test loga: 10 kontrol pred zverejnením · Logo pre Google firemný profil: veľkosť a nahratie

Vytvorte logo so zodpovedajúcim faviconom

Časté otázky

Akú veľkosť má mať favicon?

Pre Google použite podporovaný formát ako PNG alebo ICO: SVG v aktuálnom zozname nie je. Štvorcová ikona musí mať aspoň 8×8 px; Google odporúča viac než 48×48, takže 96×96 je užitočná, nie zastaraná veľkosť. Odkaz umiestnite na domovskú stránku, URL držte stabilnú a umožnite Googlebotu načítať stránku a Googlebot-Image obrázok. Splnenie pravidiel nezaručuje zobrazenie.

Aký formát má favicon mať — SVG, PNG, alebo ICO?

Favicon je malý symbol webu. Použite symbol loga, nie celý názov zmenšený na pár pixelov. Záložky, Google a nainštalované webové aplikácie majú odlišné požiadavky; testujte skutočné umiestnenie.

Môže sa favicon meniť v tmavom režime?

SVG môže používať prefers-color-scheme, ale overte podporované prehliadače a verzie. Symbol čitateľný na oboch pozadiach je spoľahlivá záloha. Ikony Apple touch a manifestu sú samostatné súbory, nie automatické verzie SVG prehliadača.

Prečo sa môj favicon nezobrazuje alebo neaktualizuje?

Otvorte URL obrázka priamo: musí vracať obrázok, nie chybu či prihlásenie. Overte odkazy domovskej stránky a prístup robotov. V prehliadači obnovte stránku alebo vymažte miestnu cache ikon. Pre Google ponechajte stabilnú URL a požiadajte o indexovanie domovskej stránky cez Search Console; môže trvať dni až týždne. Opakované premenovanie neopravuje vyhľadávanie.