Favikona dla Wix
Wix przechowuje Twoją favikonę w panelu witryny w obszarze Ustawienia > Informacje o witrynie > Favicon i automatycznie wstawia ją na każdą opublikowaną stronę. Prześlij kwadrat PNG o wymiarach co najmniej 100 × 100 pikseli — 512 × 512 jest idealne do wyraźnego wyświetlania. W przypadku obsługi PWA i apple-touch-icon zaawansowani użytkownicy mogą dodać niestandardowy kod za pośrednictwem Wix Velo. Użyj favicon generator, aby utworzyć gotowy do przesłania plik PNG ze swojego logo lub znaku marki.
Twoja favikona to jeden z najbardziej widocznych elementów marki na stronie Wix — pojawia się w zakładce przeglądarki, pasku zakładek i historii paska adresu. Wyraźna, rozpoznawalna favikona pomaga odwiedzającym szybko zidentyfikować Twoją witrynę Wix i wrócić do niej. Wix automatycznie obsługuje wstrzykiwanie favicon po przesłaniu obrazu, więc wymagany wysiłek jest minimalny.
Aby dodać lub zmienić favikonę Wix, zaloguj się do panelu Wix i przejdź do Ustawienia > Informacje o witrynie. Przewiń do sekcji Favicon (czasami oznaczonej ikoną witryny lub zakładką Favicon, w zależności od wersji Wix). Kliknij obszar przesyłania lub miniaturę istniejącej ikony, aby otworzyć menedżera multimediów. Prześlij swój kwadrat PNG i potwierdź.
Wix zaleca minimalny rozmiar ikony favikony wynoszący 100 × 100 pikseli, ale jest to podstawa, a nie cel. Aby uzyskać najostrzejszy wynik, prześlij plik w formacie 512×512. Wix skaluje obraz w celu wyświetlenia w zakładkach, a rozpoczęcie od większego źródła oznacza mniejszą utratę jakości przy małych rozmiarach. favicon generator eksportuje idealne 512×512 PNG z dowolnego logo w ciągu kilku sekund.
Format PNG to najlepszy wybór w przypadku przesyłania favikon Wix. Obsługuje przezroczystość, co gwarantuje, że ikona będzie wyglądać czysto zarówno na jasnych, jak i ciemnych motywach przeglądarki, bez kolorowego lub białego pola tła. Pliki ICO nie są wymagane — Wix konwertuje plik PNG i udostępnia go z poprawnym typem MIME.
Wix Studio (poziom profesjonalny Wix) umieszcza ustawienie favicon w tym samym miejscu w obszarze Ustawienia > Informacje o witrynie. Studio umożliwia także bardziej zaawansowane, niestandardowe wstrzykiwanie kodu w sekcji „<head>”, jeśli potrzebujesz ikon SVG lub tagów apple-touch-icon. Przejdź do Ustawienia > Kod niestandardowy, aby dodać skrypty główne do projektów Wix Studio.
Po przesłaniu swojej favikony do panelu Wix, musisz ponownie opublikować swoją witrynę, aby zmiana zaczęła obowiązywać. Kliknij Opublikuj w prawym górnym rogu edytora. Wix propaguje nową ikonę ulubionych na wszystkich stronach w Twojej domenie niestandardowej. Zmiany zapisane w dashboardzie, lecz nieopublikowane, nie są widoczne dla odwiedzających.
Wix automatycznie obsługuje wstrzyknięcie tagu `<link rel='icon'>` — nie musisz dodawać żadnego kodu. Wix wprowadza również podstawowy wpis apple-touch-icon dla zapisów ekranu głównego iOS, zmieniając rozmiar przesłanej ikony ulubionych do wymaganych wymiarów. W przypadku niestandardowego rozmiaru 180 × 180 apple-touch-icon (innego niż favicon) użyj niestandardowego wstrzyknięcia kodu Wix Velo.
Przezroczyste tła są zachowywane przez Wix, gdy przesyłasz PNG z kanałem alfa. Jeśli ikona ma jednolite tło, na kartach przeglądarki w trybie ciemnym będzie wyświetlane kolorowe pole. Przed przesłaniem wyeksportuj swoje logo bez wypełnienia tła. Możesz sprawdzić, czy przezroczystość działa poprawnie, używając favicon tester, który renderuje ikonę zarówno na jasnym, jak i ciemnym tle.
Wix Velo (platforma programistyczna JavaScript w Wix) umożliwia zaawansowane dostosowywanie favikon. Używając `wixLocation` i zdarzeń strony Velo, możesz dynamicznie wstrzykiwać różne tagi łączy favicon na stronę. Jest to przydatne w witrynach handlu elektronicznego z marką związaną z konkretnym produktem lub w witrynach z wieloma kategoriami, w których każda sekcja ma inną ikonę.
Jeśli używasz szablonu Wix, który został utworzony przed wprowadzeniem przez Wix natywnej obsługi favikon, ustawienia favikon mogą pojawić się w innym miejscu lub mogą w ogóle nie być obecne. W takich przypadkach użyj niestandardowego wstrzyknięcia kodu Wix: Ustawienia > Kod niestandardowy > Dodaj kod > Umieść kod w `<head>` każdej strony i ręcznie dodaj tag `<link rel='icon' href='URL'>` z linkiem do hostowanej ulubionej ikony.
Wix Witryny ADI (Artificial Design Intelligence) automatycznie ustawiają favikonę na podstawie zasobów Twojej marki, jeśli podasz je w kreatorze konfiguracji. Możesz w dowolnym momencie zastąpić wybraną przez ADI favikonę, korzystając z opcji Ustawienia > Informacje o witrynie > Ścieżka Favicon. Favicony generowane przez ADI to często logo o niskiej rozdzielczości — zaleca się zastąpienie ich specjalnie stworzoną ikoną.
Po opublikowaniu swojej ulubionej ikony Wix otwórz swoją aktywną domenę w oknie przeglądarki prywatnej/incognito, aby zobaczyć zaktualizowaną ikonę bez lokalnej pamięci podręcznej przeglądarki. Jeśli po jednym dniu podczas normalnego przeglądania stara ikona nadal wyświetla się, prawdopodobnie jest to wina pamięci podręcznej przeglądarki, a nie problemu Wix. Twarde odświeżenie (Ctrl+Shift+R lub Cmd+Shift+R) zmusza przeglądarkę do odrzucenia ikony z pamięci podręcznej.
W przypadku firm, które chcą zainstalować obsługę PWA w swojej witrynie Wix — dodając witrynę do ekranu głównego telefonu komórkowego z pełnowymiarową ikoną aplikacji i ekranem powitalnym — Wix ma ograniczone natywne możliwości PWA. Użyj niestandardowego wstrzyknięcia kodu Wix, aby dodać znacznik `<link rel='manifest'>` wskazujący na hostowany zewnętrznie plik site.webmanifest zawierający ikony 192×192 i 512×512 PNG. Pełną konfigurację manifestu można znaleźć w web app manifest guide.
Jak to działa
- 1
Utwórz favikonę o wymiarach 512×512 PNG
Użyj [favicon generator](tool:favicon-generator) ze swoim logo lub znakiem marki jako źródła. Pobierz 512×512 PNG z pakietu — jest to odpowiedni rozmiar dla Wix.
- 2
Otwórz Ustawienia > Informacje o witrynie
W panelu Wix (nie w edytorze) przejdź do Ustawienia > Informacje o witrynie i przewiń w dół, aby znaleźć sekcję Favicon.
- 3
Prześlij plik PNG
Kliknij obszar przesyłania lub istniejącą miniaturę ikony favicon, wybierz swój 512×512 PNG z menedżera multimediów Wix lub swojego urządzenia i potwierdź. Zapisz ustawienia.
- 4
Opublikuj swoją witrynę
Kliknij przycisk Publikuj w edytorze Wix. Wix wstawia zaktualizowany tag favicon na wszystkie strony w Twojej aktywnej domenie niestandardowej.
- 5
Sprawdź w oknie incognito
Otwórz swoją aktywną domenę w oknie przeglądarki prywatnej/incognito. W zakładce powinna pojawić się nowa favikona. Użyj [favicon tester](utility:favicon-tester) do szybkiej kontroli zewnętrznej.
Wypróbuj teraz
Wygeneruj favikonę gotową do Wix
Generator FaviconFAQ
Gdzie jest ustawienie favicon w Wix?+
Ustawienia > Informacje o witrynie > Favicon (dokładna etykieta może brzmieć „Tab Favicon” lub „Ikona witryny” w zależności od wersji lub szablonu Wix). Prześlij kwadrat PNG, zapisz i kliknij Opublikuj, aby zastosować go do działającej witryny.
Jaki rozmiar powinna mieć moja favikona Wix?+
Wix wymaga co najmniej 100×100 pikseli, ale zdecydowanie zalecane jest 512×512 PNG. Rozpoczęcie od większego źródła gwarantuje, że Wix może zmniejszyć próbkowanie do 32 × 32 (rozmiar karty) bez widocznej utraty jakości.
Dlaczego moja ulubiona ikona Wix nadal wyświetla starą ikonę?+
Upewnij się, że po przesłaniu nowej favikony kliknąłeś opcję Publikuj — zapisane zmiany nie zostaną opublikowane, dopóki nie zostaną opublikowane. Następnie otwórz swoją witrynę w oknie prywatnym/incognito, aby ominąć lokalną pamięć podręczną faviconów przeglądarki.
Czy mogę używać favikony SVG na Wix?+
Nie za pośrednictwem natywnego panelu Ustawienia — akceptuje tylko formaty rastrowe. Aby użyć SVG, dodaj niestandardowy kod „<link rel='icon' type='image/svg+xml' href='URL'>” w Ustawieniach > Kod niestandardowy > Kod głowicy i hostuj SVG zewnętrznie.
Czy Wix automatycznie dodaje apple-touch-icon?+
Wix wstawia podstawowy apple-touch-icon z przesłanego obrazu favikony. W przypadku niestandardowego formatu 180×180 apple-touch-icon (oddzielnego od ikony zakładek) wprowadź tag łącza ręcznie za pomocą Wix Velo lub Ustawienia > Kod niestandardowy.
Na mojej ikonie Wix nadal wyświetlana jest domyślna ikona Wix — co mam zrobić?+
Zapisz swoją nową favikonę w Ustawieniach > Informacje o witrynie, a następnie kliknij Opublikuj w edytorze. Sprawdź, czy witryna jest opublikowana w Twojej domenie niestandardowej (a nie tylko podgląd subdomeny Wix). Wyczyść pamięć podręczną przeglądarki i spróbuj w oknie incognito.
Czy mogę mieć różne ikony ulubionych na różnych stronach Wix?+
Tak, używając Wix Velo. Dodaj niestandardowy zastrzyk kodu na stronę lub użyj zdarzenia gotowości strony Velo, aby dynamicznie aktualizować element `<link rel='icon'>` na podstawie bieżącej ścieżki strony.