Favicon z loga: velikosti pro prohlížeč i Google

Které soubory patří kam?

Pro Google použijte podporovaný formát jako PNG nebo ICO: SVG v aktuálním seznamu podporovaných formátů není. Čtvercová ikona musí mít alespoň 8×8 px; Google doporučuje více než 48×48, takže 96×96 je užitečná velikost, nikoli zastaralá. Odkaz patří na domovskou stránku, URL držte stabilní a umožněte Googlebotu načíst stránku a Googlebot-Image obrázek. Splnění pravidel nezaručuje zobrazení.

Vytvoření a nasazení ikony

1. Začněte rozpoznatelným symbolem; vypusťte slogan a jemné detaily.
2. Ověřte tvar v 16 a 32 px na světlém i tmavém pozadí.
3. Potřebné soubory exportujte z vektoru. V balíčku LogoSaga zvolte jednu složku favicon a zachovejte cesty manifestu.
4. Níže uvedené odkazy přidejte jen k souborům, které na serveru existují. PNG96 je další export pro vyhledávání.

<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 využít prefers-color-scheme, ale ověřte podporované prohlížeče a jejich verze. Symbol čitelný na obou pozadích je spolehlivá záloha. Apple touch ikony a ikony manifestu jsou samostatné soubory, nikoli automatické verze SVG z prohlížeče.

Proč se nezobrazuje?

Otevřete URL obrázku přímo: musí vracet obrázek, nikoli chybu či přihlášení. Ověřte odkazy domovské stránky a přístup robotů. V prohlížeči obnovte stránku nebo vymažte místní cache ikon. Pro Google ponechte stabilní URL a požádejte přes Search Console o indexování domovské stránky; zpracování může trvat dny až týdny. Opakované přejmenování není oprava pro Google.

Navazující praktické návody: Jak otestovat logo před zveřejněním: 10 kontrol s ukázkami · Logo pro Google firemní profil: příprava, nahrání a proč se nezobrazuje

Vytvořte logo s odpovídající faviconou

Časté dotazy

Jakou velikost má mít favicona?

Pro Google použijte podporovaný formát jako PNG nebo ICO: SVG v aktuálním seznamu podporovaných formátů není. Čtvercová ikona musí mít alespoň 8×8 px; Google doporučuje více než 48×48, takže 96×96 je užitečná velikost, nikoli zastaralá. Odkaz patří na domovskou stránku, URL držte stabilní a umožněte Googlebotu načíst stránku a Googlebot-Image obrázek. Splnění pravidel nezaručuje zobrazení.

Jaký formát má favicona být — SVG, PNG, nebo ICO?

Favicon je malý symbol zastupující web. Použijte symbol loga, nikoli celý název zmenšený na pár pixelů. Záložka prohlížeče, Google a instalovaná webová aplikace mají odlišné požadavky; testujte skutečné umístění.

Může se favicona měnit v tmavém režimu?

SVG může využít prefers-color-scheme, ale ověřte podporované prohlížeče a jejich verze. Symbol čitelný na obou pozadích je spolehlivá záloha. Apple touch ikony a ikony manifestu jsou samostatné soubory, nikoli automatické verze SVG z prohlížeče.

Proč se moje favicona nezobrazuje nebo neaktualizuje?

Otevřete URL obrázku přímo: musí vracet obrázek, nikoli chybu či přihlášení. Ověřte odkazy domovské stránky a přístup robotů. V prohlížeči obnovte stránku nebo vymažte místní cache ikon. Pro Google ponechte stabilní URL a požádejte přes Search Console o indexování domovské stránky; zpracování může trvat dny až týdny. Opakované přejmenování není oprava pro Google.