RevealTheme logo

Generator favicon

Generuj pełny zestaw favicon z dowolnego obrazu: wszystkie rozmiary oczekiwane przez przeglądarki, iOS i Android.

Jak korzystać z tego narzędzia

  1. 1

    Prześlij kwadratowy obraz (zalecany PNG, 512×512 lub większy).

  2. 2

    Wyrenderujemy go w każdym popularnym rozmiarze favicony.

  3. 3

    Pobierz każdy plik PNG.

  4. 4

    Odwołaj się do nich w sekcji <head> swojego kodu HTML z odpowiednimi atrybutami sizes.

Czym jest generator favicon?

Nowoczesne favicon to już nie tylko 16×16. iOS oczekuje apple-touch-icon w rozmiarze 180×180, Android wymaga ikon PWA 192×192 i 512×512, a ekrany o wysokiej gęstości używają rozmiarów 32×32 lub 48×48. To narzędzie generuje wszystkie popularne rozmiary z jednego obrazu źródłowego, abyś mógł je udostępniać jako znaczniki <link rel='icon' sizes='...'>.

Typowe przypadki użycia

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Najczęściej zadawane pytania

Jakiego rozmiaru obrazu źródłowego powinienem użyć?
Kwadratowy PNG o rozmiarze 512×512 lub większym daje najlepsze rezultaty: pomniejszanie zachowuje szczegóły lepiej niż powiększanie.
Czy potrzebuję pliku ICO?
Nowoczesne przeglądarki akceptują favicon w formacie PNG. Format ICO jest potrzebny wyłącznie do zgodności z przestarzałym IE, co dziś zdarza się rzadko.

Powiązane narzędzia