Generator favicon
Utwórz pliki PNG do witryny oraz plik ICO zawierający rozmiary 16px i 32px na podstawie 1 obrazu JPEG, PNG, WebP lub statycznego SVG. Wybierz rozmiary PNG i przycinanie lub dodanie marginesów, a następnie zapisz obrazy i tagi HTML potrzebne do przygotowania publikacji lub zmiany logo — osobno albo razem jako ZIP. Wybór 192px lub 512px dołącza również przykład konfiguracji ikon w manifeście.
Funkcje
Utwórz kilka rozmiarów naraz
Utwórz pliki PNG w wybranych rozmiarach oraz plik ICO zawierający obrazy 16 i 32px.
Zapisz również pliki instalacyjne
Dołącz obrazy i tagi HTML do pliku ZIP, a w razie potrzeby także przykład konfiguracji ikony w manifeście.
Jak korzystać
Wybierz obraz źródłowy
Wybierz 1 obraz JPEG, PNG, WebP lub statyczny SVG.
Wybierz rozmiary i sposób dopasowania
Wybierz potrzebne rozmiary PNG i sposób dopasowania: przycięcie do kwadratu lub marginesy.
Sprawdź również małe rozmiary
Sprawdź wygenerowane ikony. Zmniejszenie rozmiaru może utrudnić odczytanie tekstu i cienkich linii.
Zapisz i umieść w witrynie
Rozpakuj plik ZIP, umieść obrazy w witrynie i dostosuj ścieżki w tagach HTML do struktury witryny.
Przydatne, gdy chcesz
Przygotuj witrynę do publikacji
Przygotować małe ikony kart i podobnych elementów oraz obrazy na ekran główny.
Zastąp ikony podczas zmiany logo
Utwórz wymagane rozmiary z tego samego obrazu źródłowego, aby dopasować ikony do witryny.
Używanie zestawu ikon w witrynie
Różnica między ICO a PNG
Plik ICO może przechowywać obrazy w kilku rozmiarach. ICO utworzone przez to narzędzie zawsze zawiera 16×16 i 32×32. Pliki PNG są tworzone osobno w wybranych rozmiarach.
Wygląd małych ikon
Tekst czytelny na dużym obrazie źródłowym może być trudny do rozpoznania przy 16px lub innych małych rozmiarach. Sprawdź każdy wygenerowany rozmiar.
Lokalizacja obrazów i ścieżki HTML
Przykłady konfiguracji zakładają umieszczenie plików w katalogu głównym witryny. W innym miejscu odpowiednio zmień zarówno atrybut href w HTML, jak i src w manifeście.
Manifest jest przykładem konfiguracji ikon
Tworzony po wybraniu 192px lub 512px. Nie oznacza to pełnej konfiguracji całej aplikacji internetowej.
Często zadawane pytania
Czy mogę utworzyć ICO bez wybierania PNG?
Musisz wybrać co najmniej 1 rozmiar PNG. Plik ICO zawsze zawiera obrazy 16px i 32px, niezależnie od wyboru PNG.
Czy mogę zapisać kilka rozmiarów razem?
Zapisz obrazy i pliki instalacyjne razem jako ZIP. Możesz też zapisać pojedyncze obrazy i przykłady konfiguracji.
Czy mogę użyć prostokątnego obrazu?
Przytnij środek do kwadratu lub dodaj marginesy, aby zachować cały obraz. Nie ma funkcji dostosowania położenia obrazu ani jego rozciągania.
Czy po utworzeniu ikony pojawią się automatycznie w mojej witrynie?
Obrazy nie są publikowane automatycznie. Umieść je w witrynie, skonfiguruj HTML i manifest, a następnie sprawdź ich wygląd w miejscu użycia.
Obsługa plików
- Dane wejściowe
- Użyj 1 obrazu JPEG, PNG, WebP lub statycznego SVG.
- Wynik
- Plik ICO, wybrane pliki PNG, HTML i w stosownych przypadkach manifest. Tworzy nieruchome obrazy i usuwa metadane.