Generator favicon
Zamień jeden obraz na favicon.ico, ikony PNG, apple-touch-icon, webmanifest i gotowy do wklejenia kod HTML.
Upuść tutaj obraz lub wybierz go (PNG, JPG, WebP, SVG)
Jak utworzyć zestaw favicon
- Wybierz obraz PNG, JPG, WebP lub SVG. Najlepiej sprawdza się kwadratowy obraz o wymiarach co najmniej 512×512 px albo plik SVG.
- Zdecyduj, czy dopasować cały obraz (zostawiając puste miejsce), czy wypełnić kwadrat, przycinając krawędzie.
- Wybierz przezroczyste tło lub kolor oraz, jeśli chcesz, nazwę witryny do manifestu.
- Pobierz każdy plik osobno albo cały ZIP, a następnie skopiuj kod HTML do sekcji <head> swojej strony.
Co otrzymasz
Zestaw zawiera favicon.ico z ikonami 16, 32 i 48 px, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png oraz site.webmanifest. Wgraj pliki do głównego folderu witryny, aby ścieżki zgadzały się z wygenerowanym kodem.
Wskazówki i prywatność
- Drobne szczegóły znikają w małych rozmiarach, dlatego najlepiej sprawdza się prosty znak lub pojedyncza litera o mocnym kontraście.
- Ikona apple-touch-icon nie może być przezroczysta: iOS wyświetla przezroczyste obszary jako czarne, dlatego ta ikona dostaje białe tło, jeśli nie wybrano koloru.
- Przeglądarki intensywnie buforują favicon, więc zmiana może nie być widoczna od razu.
- Wszystko jest przetwarzane na Twoim urządzeniu, a obraz nigdy nie jest wysyłany.