Generator ikon stron (Favicon)

Jeden obraz, wszystkie rozmiary i gotowy kod

Favicon to mała ikona na karcie przeglądarki. Strony tworzone przez AI często mają domyślną ikonę, co od razu zdradza ich niedokończony stan. Wgraj logo lub zdjęcie, nawet w formacie HEIC z iPhone'a. Narzędzie wytnie kwadrat ze środka i wygeneruje sześć plików PNG: 16, 32 i 48 pikseli dla przeglądarek, 180 dla ekranu głównego iPhone'a oraz 192 i 512 dla Androida. Całość pobierzesz w jednym pliku ZIP razem z plikiem site.webmanifest, instrukcją po polsku i czterema linijkami kodu do wklejenia w sekcji head. Obraz jest przetwarzany w przeglądarce i nie trafia na serwer.

Częste pytania

Jakie zdjęcie sprawdzi się najlepiej?

Kwadratowy, prosty i wyraźny obraz. Ikona o rozmiarze 16 pikseli jest bardzo mała, więc szczegółowe logo zamieni się w plamę.

Gdzie wgrać wygenerowane pliki?

Do głównego katalogu strony, zazwyczaj jest to folder public. Jeśli pracujesz z AI, wklej wygenerowany kod i poproś o jego dodanie.

Mój obraz jest prostokątny, co się z nim stanie?

Narzędzie wycina największy możliwy kwadrat ze środka, więc boki szerokiego logo zostaną obcięte. Jeśli logo zawiera długą nazwę, lepiej wgrać sam sygnet lub pierwszą literę.

Czy narzędzie tworzy też plik favicon.ico?

Nie. Paczka zawiera pliki PNG oraz kod, który do nich odsyła. Nowoczesne przeglądarki właśnie tego oczekują. Jeśli potrzebujesz pliku ICO dla starszej przeglądarki, możesz osobno przekonwertować plik o rozmiarze 32 pikseli.

Pliki są na serwerze, ale wciąż widzę starą ikonę. Dlaczego?

Przeglądarki bardzo długo przechowują ikony w pamięci podręcznej. Otwórz stronę w trybie incognito i upewnij się, że pliki znajdują się w głównym katalogu, a nie w podfolderze.

Inne przydatne narzędzia

Wszystkie narzędzia w Tworzenie stron z AI