Generator favicon
Wczytaj logo albo utwórz ikonę z litery lub emoji i pobierz każdy rozmiar favicon, jakiego potrzebują nowoczesne przeglądarki i telefony, wraz z kodem HTML do dodania ich do witryny.
Twoje pliki nigdy nie opuszczają urządzenia — wszystko działa w przeglądarce.
Jak korzystać
- 1Wybierz „Z obrazu” i wczytaj kwadratowe logo albo „Z tekstu” i wpisz literę lub emoji.
- 2Dla ikon tekstowych wybierz kolory oraz kształt: kwadrat, zaokrąglony lub koło.
- 3Sprawdź podglądy, w tym wygląd ikony na karcie przeglądarki w 16 px.
- 4Pobierz ZIP, wgraj pliki do katalogu głównego witryny i wklej fragment HTML do <head>.
Czym jest favicon i dlaczego ma znaczenie
Favicon to mała ikona pokazywana na karcie przeglądarki, w zakładkach, a na telefonach na ekranie głównym. Rozpoznawalna ikona ułatwia znalezienie Twojej witryny wśród wielu otwartych kart i wygląda bardziej wiarygodnie niż domyślna pusta ikona strony. Wyszukiwarki mogą też pokazywać ją obok Twojego wyniku na urządzeniach mobilnych.
Co daje to narzędzie
Z kwadratowego logo albo z litery lub emoji z wybranymi kolorami i kształtem tworzy favicon.ico, ikony PNG w kilku rozmiarach, ikonę Apple touch i web manifest, wszystko w jednym ZIP-ie. Podgląd pokazuje wygląd ikony w 16 pikselach, czyli prawdziwym rozmiarze na karcie, dzięki czemu przed publikacją zauważysz zbyt szczegółowy projekt.
Jak ją zainstalować
Wgraj pliki do katalogu głównego witryny i wklej wygenerowany fragment HTML do head swoich stron. Jeśli po wgraniu nadal pojawia się stara ikona, to prawie zawsze pamięć podręczna przeglądarki: odśwież na twardo lub otwórz witrynę w oknie prywatnym. Wyszukiwarkom aktualizacja ikony w wynikach może zająć kilka dni.
Najczęściej zadawane pytania
Jakich plików favicon faktycznie potrzebuję?
favicon.ico obejmuje każdą przeglądarkę, także stare. PNG 32×32 jest używany przez nowoczesne przeglądarki, apple-touch-icon.png przez iPhone'y i iPady po dodaniu witryny do ekranu głównego, a ikony 192/512 z site.webmanifest przez Androida i instalowalne aplikacje webowe.
Moje logo nie jest kwadratowe. Co się stanie?
Generator przycina środkowy kwadrat obrazu. Dla najlepszego efektu zacznij od kwadratowego logo z odrobiną marginesu. Szczegóły znikają też przy 16 px, więc proste kształty działają najlepiej.
Dlaczego moja nowa favicon się nie pokazuje?
Przeglądarki agresywnie buforują favicony. Po wgraniu odśwież stronę na twardo (Ctrl+F5 lub Cmd+Shift+R) albo otwórz w oknie prywatnym. Sprawdź też, czy pliki leżą w katalogu głównym witryny.
Czy moje logo jest wysyłane?
Nie. Wszystkie ikony są rysowane i pakowane w przeglądarce.