Jak zmienić faviconę w Webflow, Wix, Shopify i innych | We.Inc
Zmiana favicony krok po kroku w Webflow, Squarespace, Wix, Shopify, WordPress i HTML, oficjalne wymagania rozmiaru i powód, dla którego Google wciąż pokazuje Twoją starą ikonę.
Aby zmienić faviconę, prześlij nowy kwadratowy obraz w ustawieniach witryny w swoim kreatorze, a potem opublikuj stronę. Webflow, Squarespace, Wix, Shopify i WordPress mają własne pole na ikonę; na stronie zbudowanej ręcznie podmieniasz plik i znacznik link rel=icon. Przeglądarki i Google przechowują ikony w pamięci podręcznej, więc stara może jeszcze chwilę zostać.
Gdzie znajduje się ustawienie favicony, stan na październik 2026
Kreator
Gdzie to znaleźć
Rozmiar podany na stronie pomocy
Webflow
Ustawienia witryny (szukaj pola favicony lub ikony)
Aktualne wymagania rozmiaru sprawdź na stronie pomocy Webflow
Squarespace
Panel Favicon
Od 100x100 do 300x300 px, .png, maks. 100 KB
Wix
Ustawienia, Ustawienia witryny, Favicon
Kwadrat o boku będącym wielokrotnością 48 px, chyba że SVG
Shopify
Edytuj motyw, Ustawienia motywu, Logo lub Favicon
16x16 lub 32x32 px
WordPress 6.5+
Ustawienia, Ogólne, Ikona witryny
Kwadrat, co najmniej 512 px, zalecany .png
Znajdź swój kreator poniżej. Każdy zestaw kroków pochodzi ze strony pomocy danego kreatora. Jeśli prowadzisz stronę pisaną ręcznie, ostatnia karta wygeneruje dla Ciebie znaczniki link. Jeśli nie masz jeszcze ikony, najpierw stwórz ją w naszym generatorze favicony.
Znajdź swój kreator na liście i wykonaj jego kroki, zwracając uwagę na ograniczenia planu.
W przypadku strony zbudowanej ręcznie wpisz folder z plikami ikon, aby otrzymać znaczniki link.
Prześlij lub wklej, opublikuj stronę, a potem otwórz ją w oknie prywatnym, aby zobaczyć nową ikonę.
Daj Google czas na ponowne zindeksowanie. Według jego pomocy dotyczącej favicon może to potrwać od kilku dni do kilku tygodni.
Zrób ikonę kwadratową. Google wymaga proporcji 1:1 i zaleca rozmiar większy niż 48x48 pikseli.
Gdy ikona jest już online, trzymaj ją pod tym samym adresem. Google prosi o stabilny URL favicony.
Sprawdź, czy robots.txt nie blokuje pliku ikony. Zarówno Googlebot, jak i Googlebot-Image muszą móc go pobrać.
Użyj wyrazistego, prostego kształtu. Drobne szczegóły znikają w rozmiarze karty.
Najczęściej zadawane pytania
Dlaczego Google wciąż pokazuje moją starą faviconę?
Google pobiera nową faviconę, gdy ponownie indeksuje Twoją stronę główną, co według jego strony pomocy może potrwać od kilku dni do kilku tygodni. Możesz przyspieszyć ponowne zindeksowanie, prosząc o indeksowanie strony głównej w narzędziu Sprawdzanie adresu URL w Search Console.
Dlaczego moja przeglądarka wciąż pokazuje starą ikonę?
Przeglądarki długo trzymają favicony w pamięci podręcznej. Strona pomocy Squarespace sugeruje wyczyszczenie pamięci podręcznej przeglądarki i jej ponowne uruchomienie. Otwarcie strony w oknie prywatnym to szybki sposób, by sprawdzić, czy nowa ikona naprawdę działa.
Czy mogę dodać faviconę w planie Starter w Shopify lub na darmowej stronie Wix?
Nie, stan na październik 2026. Strona pomocy Shopify podaje, że w planie Starter nie można dodać favicony. Wix wymaga planu Premium i podłączonej domeny, a stronę trzeba najpierw opublikować.
Czy mogę mieć inną faviconę w trybie ciemnym?
W niektórych kreatorach tak. Squarespace pozwala przesłać wersję do trybu ciemnego po ustawieniu domyślnej ikony. Na stronie zbudowanej ręcznie możesz wskazać ikonę SVG, która zmienia kolor dzięki media query prefers-color-scheme wewnątrz pliku SVG.
Czego Google potrzebuje, zanim pokaże Twoją ikonę
Google odczytuje znacznik link w sekcji head Twojej strony głównej. Obsługuje wartości rel icon, shortcut icon, apple-touch-icon i apple-touch-icon-precomposed oraz przyjmuje formaty takie jak ICO, PNG, GIF i JPEG.
Google pokazuje jedną faviconę na nazwę hosta. Subdomena, na przykład shop.example.com, może mieć własną, ale folder, na przykład example.com/shop, już nie.
Gdy w kreatorze brakuje tego ustawienia
Jeśli Twój plan ukrywa pole favicony, w hostowanych kreatorach jedyną drogą jest zwykle wyższy plan, bo nie możesz samodzielnie edytować sekcji head strony. Na stronach hostowanych samodzielnie zawsze możesz dodać znacznik link ręcznie.
Zasady Google dotyczące favicon
Ze strony pomocy Google o faviconach, październik 2026
Zasada
Szczegóły
Kształt
Kwadrat, proporcje 1:1
Rozmiar
Co najmniej 8x8 px; zalecany większy niż 48x48
Formaty
Dowolny prawidłowy format favicony, na przykład ICO, PNG, GIF, JPEG, BMP
Na witrynę
Jedna favicona na nazwę hosta
Indeksowanie
Googlebot i Googlebot-Image muszą mieć możliwość jej pobrania
Aktualizacje
Od kilku dni do kilku tygodni; poproś o indeksowanie, aby to przyspieszyć
Przykład kodu
Favicona SVG, która zmienia się w trybie ciemnym
Zapisz SVG jako icon.svg. Blok style wewnątrz zmienia wypełnienie, gdy system odwiedzającego jest w trybie ciemnym. Zachowaj też favicon.ico, bo nie każda przeglądarka odczytuje ikony SVG.
Kroki dla Twojego kreatora
Strona zbudowana ręcznie (HTML)
Folder z Twoimi ikonami
Mam też ikonę SVG
Wklej do sekcji head każdej strony
Kopiuj
Skopiowano.
Najpierw prześlij do tego folderu favicon.ico, icon.png (co najmniej 48x48) i apple-touch-icon.png (180x180).
Webflow
Otwórz ustawienia swojej witryny i znajdź pole favicony lub ikony witryny.
Prześlij jeden kwadratowy obraz.
Zapisz, a potem opublikuj stronę, aby nowa ikona zaczęła działać.
Strony pomocy Webflow nie dało się odczytać, gdy to sprawdzaliśmy, więc dokładne nazwy menu i rozmiary sprawdź w etykietach swojego panelu.
Squarespace
Otwórz panel Favicon.
Przeciągnij obraz do pola przesyłania lub kliknij je, aby wybrać plik.
Opcjonalnie dodaj wersję do trybu ciemnego (dopiero po ustawieniu domyślnej favicony).
Kliknij Zapisz.
Strona pomocy sugeruje od 100x100 do 300x300 pikseli, pliki .png i nie więcej niż 100 KB.
Wix
Przejdź do Ustawień w panelu swojej witryny.
Kliknij Ustawienia witryny.
Kliknij Prześlij obraz w sekcji Favicon.
Wybierz plik.
Wymaga planu Premium, podłączonej domeny i opublikowanej strony. Obraz musi być kwadratem o boku będącym wielokrotnością 48 px, chyba że to SVG.
Shopify
W panelu administracyjnym Shopify przejdź do Sklepu internetowego.
Znajdź swój motyw i kliknij Edytuj motyw.
Kliknij ikonę Ustawień motywu, a potem Logo lub Favicon, zależnie od motywu.
W sekcji Obraz favicony kliknij Wybierz obraz, wybierz lub dodaj obraz, a potem kliknij Gotowe.
Kliknij Zapisz.
Shopify uznaje 16x16 lub 32x32 px za idealny rozmiar. Niedostępne w planie Starter.
WordPress
Prześlij do Biblioteki mediów kwadratowy obraz o boku co najmniej 512 px.
Przejdź do Ustawień, a potem Ogólnych.
Kliknij Wybierz ikonę witryny.
Zaznacz przesłany obraz.
Przed wersją 6.5 ustawienie znajdowało się w Wygląd, Dostosuj, Tożsamość witryny.