Generator favicon
Upuść logo raz i otrzymaj wszystkie ikony, których potrzebuje strona, razem z kodem do wklejenia na swoje podstrony.
Zapieczętowane na tym urządzeniu
Działa w przeglądarce. Nic nie jest wysyłane.
Zapieczętowane
Twoja ikona
Kod dla twoich stron
Umieść pliki z archiwum ZIP w katalogu głównym strony, a potem wklej ten kod w sekcji <head> każdej podstrony.
Jak to działa
-
Dodaj logo
Upuść plik SVG, PNG lub JPG, wybierz go albo wklej. Kwadratowy obraz o wymiarach co najmniej 512 × 512 pikseli daje najostrzejsze ikony.
-
Dopracuj wygląd
Dodaj margines wewnętrzny, kolor tła lub zaokrąglone rogi i sprawdź wynik na karcie przeglądarki i na ekranie głównym telefonu.
-
Pobierz i wklej kod
Pobierz ZIP, umieść pliki w katalogu głównym strony, a potem wklej kod w sekcji <head> swoich podstron.
Najczęściej zadawane pytania
Jakie pliki otrzymam?
Plik favicon.ico z ikonami 16, 32 i 48 pikseli, ikony PNG w rozmiarach 16, 32, 48, 192 i 512 pikseli, plik apple-touch-icon.png o boku 180 pikseli dla iPhone’ów i iPadów oraz plik site.webmanifest, dzięki któremu Android może używać ikon 192 i 512 pikseli. Pobierz je pojedynczo albo wszystkie razem w pliku ZIP.
Gdzie umieścić pliki?
W katalogu głównym strony, obok strony głównej, aby były dostępne pod adresami takimi jak /favicon.ico. Następnie wklej kod widoczny pod podglądem w sekcji <head> każdej podstrony. Przeglądarki same szukają też pliku /favicon.ico, więc nawet podstrony bez tego kodu dostaną twoją ikonę.
Jaki rozmiar powinien mieć mój obraz?
Kwadratowy i co najmniej 512 × 512 pikseli, czyli rozmiar największej ikony. Idealny jest SVG: w każdym rozmiarze jest rysowany ostro. Mniejszy obraz też zadziała, ale duże ikony zostaną wtedy powiększone i będą wyglądać na rozmyte.
Dlaczego moja ikona na karcie przeglądarki jest rozmyta lub za mała?
Przy 16 pikselach drobne szczegóły i cienki tekst znikają. Użyj prostego znaku, np. litery lub symbolu, zamiast pełnego logo z napisem, ustaw mały margines wewnętrzny i wybierz „Przytnij do kwadratu”, jeśli obraz jest szeroki.
Czy mój obraz jest wysyłany?
Nie. Obraz jest odczytywany, skalowany i zapisywany w przeglądarce, na twoim urządzeniu. Nigdy nie jest nigdzie wysyłany.
Dlaczego Apple touch icon ma tło?
iPhone’y i iPady same zaokrąglają rogi ikon na ekranie głównym i wyświetlają przezroczyste obszary na czarno. Dlatego Apple touch icon zawsze ma jednolite tło i kwadratowe rogi: wybrany kolor tła albo biel, jeśli wybierzesz przezroczyste.