Jak dodać faviconę do sklepu Shopify (poradnik 2026)

Aby dodać faviconę do sklepu Shopify: przejdź do Online Store → Themes → Customize → Theme Settings → Favicon, prześlij obraz PNG o wymiarach 32x32 pikseli i kliknij Save. Twoja favicona pojawi się w kartach przeglądarki natychmiast po zapisaniu.

Poniżej znajdziesz pełną specyfikację, instrukcje krok po kroku oraz rozwiązania typowych problemów.

Wymagania favicony Shopify

Przed przesłaniem upewnij się, że Twoja favicona spełnia te specyfikacje:

Wymaganie	Specyfikacja
Rozmiar	32 x 32 pikseli (zalecany)
Format	PNG lub ICO
Tło	Przezroczyste (opcjonalne, ale zalecane)
Rozmiar pliku	Poniżej 1 MB

Uwaga: Shopify automatycznie zmniejsza większe obrazy do 32x32 pikseli, co może powodować utratę jakości. Stwórz faviconę w prawidłowym rozmiarze, aby uzyskać najlepsze rezultaty.

Wymagania planu Shopify

Nie wszystkie plany Shopify obsługują dostosowywanie favicony:

Plan Starter: Brak obsługi favicony
Plan Basic i wyższe: Pełna obsługa favicony

Jeśli korzystasz z planu Starter, musisz przejść na wyższy plan, aby dodać niestandardową faviconę.

Krok 1: Otwórz edytor motywu

Zaloguj się do panelu administracyjnego Shopify
Przejdź do Online Store → Themes
Znajdź aktualny motyw i kliknij Customize

Krok 2: Otwórz ustawienia motywu

W edytorze motywu poszukaj ikony koła zębatego lub Theme Settings na pasku bocznym
Kliknij, aby rozwinąć panel ustawień
Przewiń w dół, aby znaleźć sekcję Favicon lub Logo (lokalizacja zależy od motywu)

Krok 3: Prześlij faviconę

Kliknij Select image w sekcji Favicon
Wybierz plik favicony ze swojego komputera
Alternatywnie kliknij Explore free images, aby skorzystać z wbudowanej biblioteki Shopify
Kliknij Done, aby potwierdzić wybór

Krok 4: Dodaj tekst alternatywny (najlepsza praktyka SEO)

Po przesłaniu favicony:

Najedź na przesłany obraz
Kliknij ikonę ołówka, aby edytować
Wpisz opisowy tekst alternatywny (np. "Logo Twojej Marki")
To poprawia dostępność i może korzystnie wpłynąć na SEO

Krok 5: Zapisz i zweryfikuj

Kliknij Save w prawym górnym rogu
Otwórz swój sklep w nowej karcie przeglądarki
Sprawdź, czy favicona pojawia się w karcie przeglądarki

Zaawansowane: Dodawanie favicony przez kod motywu

Aby mieć więcej kontroli, możesz dodać faviconę bezpośrednio w kodzie motywu:

Przejdź do Online Store → Themes → Actions → Edit code
Prześlij faviconę do folderu Assets
Otwórz theme.liquid w folderze Layout
Dodaj ten kod wewnątrz sekcji <head>:

<link rel="icon" type="image/png" href="{{ 'favicon.png' | asset_url }}">

Zamień favicon.png na swoją rzeczywistą nazwę pliku.

Wskazówki projektowe favicony dla e-commerce

Twoja favicona reprezentuje Twoją markę w rozmiarze 32x32 pikseli. Oto jak sprawić, by działała:

Zalecenia

Użyj uproszczonej wersji logotypu
Wybierz kolory o wysokim kontraście
Utrzymaj odważny i prosty design
Użyj głównego koloru Twojej marki
Przetestuj widoczność zarówno na jasnych, jak i ciemnych motywach przeglądarki

Czego unikać

Unikaj tekstu (jest nieczytelny w małych rozmiarach)
Pomiń skomplikowane detale i wzory
Nie używaj zdjęć ani złożonych grafik
Unikaj kombinacji kolorów o niskim kontraście

Tworzenie rozmiarów favicony dla różnych urządzeń

Chociaż Shopify wymaga tylko 32x32, warto stworzyć wiele rozmiarów dla optymalnego wyświetlania:

Rozmiar	Zastosowanie
16x16	Karty przeglądarki (standardowe)
32x32	Karty przeglądarki (retina)
180x180	Apple Touch Icon (ekran główny iOS)
192x192	Ekran główny Android
512x512	Ekrany powitalne PWA

Użyj generatora favicony, aby stworzyć wszystkie rozmiary z jednego obrazu w wysokiej rozdzielczości.

Rozwiązywanie problemów: Favicona się nie wyświetla

Wyczyść pamięć podręczną przeglądarki

Przeglądarki agresywnie buforują favicony. Wypróbuj te rozwiązania:

Wymuś odświeżenie: Naciśnij Cmd+Shift+R (Mac) lub Ctrl+Shift+R (Windows)
Tryb incognito: Otwórz sklep w prywatnym oknie przeglądarki
Wyczyść cache: Przejdź do ustawień przeglądarki i wyczyść buforowane obrazy

Sprawdź ustawienia motywu

Sprawdź, czy favicona została prawidłowo przesłana w Theme Settings
Niektóre motywy mają oddzielne ustawienia favicony dla urządzeń mobilnych
Spróbuj ponownie przesłać obraz

Zweryfikuj format pliku

Upewnij się, że plik ma format PNG lub ICO
Pliki JPEG mogą nie działać prawidłowo
Sprawdź, czy plik nie jest uszkodzony

Poczekaj na propagację

Po zapisaniu zmiany mogą potrzebować kilku minut na pojawienie się. Jeśli korzystasz z CDN lub aplikacji buforującej, może być konieczne wyczyszczenie tego cache'a.

Favicona nie wyświetla się w wynikach wyszukiwania Google?

Jeśli favicona pojawia się w kartach przeglądarki, ale nie w wynikach wyszukiwania Google:

Prześlij mapę witryny do Google Search Console
Poproś o indeksowanie strony głównej
Poczekaj, aż Google zaindeksuje Twoją witrynę (może to zająć dni lub tygodnie)
Upewnij się, że Twoja witryna nie blokuje dostępu do favicony w robots.txt

Google ma szczegółowe wymagania dotyczące favicony w wynikach wyszukiwania:

Musi mieć co najmniej 48x48 pikseli (Google powiększa w razie potrzeby)
Musi być dostępna dla Googlebota
Powinna reprezentować Twoją markę, nie być generyczną ikoną

Dlaczego Twój sklep Shopify potrzebuje favicony

Favicona to nie tylko ozdoba — służy realnym celom biznesowym:

Rozpoznawalność marki

Klienci z wieloma otwartymi kartami mogą natychmiast zidentyfikować Twój sklep. Jest to szczególnie cenne dla powracających odwiedzających.

Profesjonalny wygląd

Sklepy bez favicony wyświetlają generyczną ikonę przeglądarki, przez co wyglądają na niedokończone lub amatorskie.

Lepsza obsługa zakładek

Gdy klienci dodają Twój sklep do zakładek, Twoja favicona pojawia się na pasku zakładek, utrzymując widoczność Twojej marki.

Sygnał zaufania

Niestandardowa favicona sygnalizuje dbałość o szczegóły, subtelnie zwiększając zaufanie klientów do Twojego sklepu.

Generowanie favicony dla Shopify za pomocą Favicon.im

Potrzebujesz szybko stworzyć lub zmienić rozmiar favicony? Skorzystaj z naszych darmowych narzędzi:

Odwiedź Generator favicony, aby przekonwertować dowolny obraz na format favicony
Prześlij swoje logo lub obraz marki
Pobierz faviconę w prawidłowym rozmiarze
Prześlij do Shopify zgodnie z powyższymi krokami

FAQ

Jak dodać faviconę do sklepu Shopify?

Przejdź do Online Store → Themes → Customize → Theme Settings, znajdź sekcję Favicon, prześlij obraz PNG o wymiarach 32x32 pikseli i kliknij Save.

Jaki rozmiar powinna mieć favicona Shopify?

Shopify zaleca 32x32 pikseli. Większe obrazy zostaną automatycznie zmienione, co może obniżyć jakość.

Dlaczego moja favicona Shopify się nie wyświetla?

Typowe przyczyny: pamięć podręczna przeglądarki (spróbuj wymuszonego odświeżenia lub trybu incognito), nieprawidłowy format pliku (użyj PNG lub ICO) lub problem z ustawieniami motywu (prześlij obraz ponownie).

Czy mogę dodać faviconę w planie Shopify Starter?

Nie, dostosowywanie favicony wymaga planu Basic lub wyższego. Sklepy z planem Starter wyświetlają domyślną ikonę Shopify.

Jak długo trzeba czekać na pojawienie się favicony w Google?

Google aktualizuje favicony według własnego harmonogramu, zwykle od kilku dni do kilku tygodni. Prześlij mapę witryny do Google Search Console i poproś o indeksowanie, aby przyspieszyć proces.

Podsumowanie

Dodanie favicony do Shopify zajmuje mniej niż 2 minuty:

Otwórz Theme Settings w edytorze motywu
Znajdź sekcję Favicon
Prześlij obraz PNG o wymiarach 32x32
Dodaj tekst alternatywny dla SEO
Zapisz i zweryfikuj

Mała ikona o znaczącym wpływie na profesjonalizm i rozpoznawalność marki Twojego sklepu.