Favicon z logo: rozmiary dla przeglądarki i Google

Jakie pliki do jakich zastosowań?

Dla Google wybierz obsługiwany format, np. PNG lub ICO: SVG nie ma na aktualnej liście. Kwadratowa ikona musi mieć co najmniej 8×8 px; Google zaleca ponad 48×48, więc 96×96 jest przydatne, nie przestarzałe. Umieść odnośnik na stronie głównej, zachowaj stały URL i umożliw Googlebot dostęp do strony, a Googlebot-Image do obrazu. Spełnienie zasad nie gwarantuje wyświetlenia.

Tworzenie i publikacja ikony

1. Zacznij od rozpoznawalnego symbolu; usuń slogan i drobne szczegóły.
2. Sprawdź kształt przy 16 i 32 px na jasnym i ciemnym tle.
3. Eksportuj z wektora. Wybierz jeden folder favicon z pakietu LogoSaga i zachowaj ścieżki manifestu.
4. Dodaj poniższe odnośniki tylko do plików obecnych na serwerze. PNG96 to dodatkowy eksport dla wyszukiwarki.

<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 może używać prefers-color-scheme, ale sprawdź obsługiwane przeglądarki i wersje. Symbol czytelny na obu tłach jest bezpiecznym rozwiązaniem. Ikony Apple touch i manifestu są osobnymi plikami, nie automatycznymi wersjami SVG przeglądarki.

Dlaczego ikony nie widać?

Otwórz URL bezpośrednio: musi zwrócić obraz, nie błąd lub logowanie. Sprawdź odnośniki strony głównej i dostęp robotów. W przeglądarce odśwież lub wyczyść lokalną pamięć ikon. Dla Google zachowaj URL i poproś o indeksowanie strony głównej w Search Console; przetwarzanie może trwać dni lub tygodnie. Ciągłe zmienianie nazwy nie naprawia wyszukiwarki.

Powiązane praktyczne poradniki: Test logo: 10 kontroli przed publikacją · Logo w Profilu Firmy w Google: rozmiar i przesyłanie

Stwórz logo z pasującą favikoną

Częste pytania

Jaki rozmiar powinna mieć favikona?

Dla Google wybierz obsługiwany format, np. PNG lub ICO: SVG nie ma na aktualnej liście. Kwadratowa ikona musi mieć co najmniej 8×8 px; Google zaleca ponad 48×48, więc 96×96 jest przydatne, nie przestarzałe. Umieść odnośnik na stronie głównej, zachowaj stały URL i umożliw Googlebot dostęp do strony, a Googlebot-Image do obrazu. Spełnienie zasad nie gwarantuje wyświetlenia.

W jakim formacie powinna być favikona — SVG, PNG czy ICO?

Favicon to mały symbol witryny. Użyj symbolu logo zamiast pomniejszonej pełnej nazwy. Karty przeglądarki, Google i zainstalowane aplikacje internetowe mają inne wymagania; sprawdź rzeczywiste miejsce użycia.

Czy favikona może się zmieniać w trybie ciemnym?

SVG może używać prefers-color-scheme, ale sprawdź obsługiwane przeglądarki i wersje. Symbol czytelny na obu tłach jest bezpiecznym rozwiązaniem. Ikony Apple touch i manifestu są osobnymi plikami, nie automatycznymi wersjami SVG przeglądarki.

Dlaczego moja favikona się nie pokazuje ani nie aktualizuje?

Otwórz URL bezpośrednio: musi zwrócić obraz, nie błąd lub logowanie. Sprawdź odnośniki strony głównej i dostęp robotów. W przeglądarce odśwież lub wyczyść lokalną pamięć ikon. Dla Google zachowaj URL i poproś o indeksowanie strony głównej w Search Console; przetwarzanie może trwać dni lub tygodnie. Ciągłe zmienianie nazwy nie naprawia wyszukiwarki.