Opis
To narzedzie pozwala przygotowac zestaw favicon z jednego obrazu zrodlowego bez instalowania programu graficznego. Dziala w przegladarce, wiec plik jest przetwarzany lokalnie na Twoim urzadzeniu, a Ty tworzysz potrzebne ikony dla kart, zakladek i instalowanych aplikacji. Najlepiej sprawdza sie, gdy masz juz logo i potrzebujesz z niego praktycznych wyjsc w kilku rozmiarach. Mozesz zaczac od kwadratowego znaku, pelnego logotypu albo innej grafiki i od razu pobrac pliki do folderu zasobow strony lub do buildu aplikacji.
Zastosowania
- Start nowej stronyPrzygotuj favicon przed publikacja witryny, aby ikona karty i zakladki byla zgodna z identyfikacja marki.
- Logo jako zestaw ikonZamien logo marki w kompaktowy zestaw favicon do naglowka, kart przegladarki i aplikacji webowej.
- Przygotowanie PWAWygeneruj rozmiary ikon potrzebne przy aplikacji instalowanej z przegladarki, zamiast tworzyc kazdy plik recznie.
- Zmiana identyfikacji wizualnejPodmien stara ikone serwisu na nowy zestaw i pobierz aktualne pliki jednym krokiem.
Jak to dziala
- 1
Wybierz obraz z urzadzenia.
- 2
Generator tworzy z niego zestaw favicon i ikon.
- 3
Sprawdz wynik w podgladzie przed zapisem.
- 4
Pobierz pliki, ktore chcesz wykorzystac na stronie lub w aplikacji.
Przyklady
Kwadratowe logo do zestawu favicon
Wejscie: Wejscie: plik PNG 1024×1024 z prostym bialym symbolem na ciemnym tle.
Wynik: Wyjscie: zestaw favicon w typowych rozmiarach dla przegladarki i aplikacji, gotowy do pobrania.
Kwadratowy, czytelny plik zrodlowy daje najbardziej spójny efekt w malych rozmiarach.
Znak produktu z przezroczystym tlem
Wejscie: Wejscie: przezroczysty plik PNG 512×512 z czerwonym wordmarkiem.
Wynik: Wyjscie: ostre pliki ikon, ktore zachowuja przezroczystosc tam, gdzie jest wspierana.
Dobre rozwiazanie, gdy znak ma pasowac do roznych motywow strony.
Ilustracja jako ikona serwisu
Wejscie: Wejscie: JPG 1200×800 z ilustracja z kampanii landing page.
Wynik: Wyjscie: przyciete lub dopasowane rozmiary favicon do uzycia w przegladarce.
Przydatne, gdy obraz nie jest logo, ale ma zostac uzyty jako ikona strony.
FAQ
Co jesli moj obraz nie jest kwadratowy?
Generator nadal utworzy pliki favicon, ale efekt moze wymagac przyciecia albo stracic szczegoly w bardzo malych rozmiarach. Kwadratowy obraz zrodlowy zwykle daje najczystszy wynik.
Czy moge uzyc plikow SVG, PNG i JPG?
Tak, o ile dany format jest obslugiwany przez przegladarke i przez sposob importu w narzedziu. Najlepiej sprawdza sie prosty, kontrastowy obraz.
Dlaczego male favicony wygladaja prosciej niz oryginal?
Favicon ma bardzo malo miejsca, wiec cienkie linie, drobny tekst i zlozone gradienty moga znikac. Jesli wynik jest zbyt zlozony, uprosc grafike zrodlowa i wygeneruj ponownie.
Czy narzedzie tworzy kazdy format ikon dla kazdej platformy?
Tworzy najczesciej uzywane rozmiary favicon i ikon serwisu, ale zestawy specyficzne dla platformy moga nadal wymagac dodatkowych plikow. Warto sprawdzic liste ikon wymagana przez Twoj stack.
Dlaczego jedno z wyjsciowych rozmiarow wyglada na rozmyte?
Bardzo male wersje sa bardziej wrazliwe na szczegoly obrazu. Jesli ktorys rozmiar wyglada miekko, uzyj wiekszego i ostrzejszego pliku zrodlowego albo uprosc projekt.