Przegląd / Obrazy i grafika / Generator favicon i ikon aplikacji
Obrazy i grafika 100% w przeglądarce i offline

Generator favicon i ikon aplikacji

Generuj nowoczesne pakiety favicon, prawdziwe wielowarstwowe pliki .ico, Apple Touch Icons, manifesty PWA dla Androida i podglądy na żywo.

Upuść lub wybierz plik; ustawienia od razu zmieniają wynik.

Twoje pliki i dane nigdy nie opuszczają przeglądarki – nic nie jest wysyłane.

Upuść logo lub grafikę (PNG, SVG, JPG, WebP)
Zalecane: min. 512×512 pikseli

Projekt i dostosowanie

Zapobiega ucinaniu krawędzi logo w okrągłych ikonach.

Podgląd główny 512×512 na żywo (kropkowane koło = strefa bezpieczna Android maskable)

Karta przeglądarki na komputerze
Moja aplikacja internetowa
https://example.com
Wynik wyszukiwania Google (SERP)
Moja aplikacja internetowa
https://example.com
Moja aplikacja internetowa — Szybkie i nowoczesne rozwiązanie webowe
Witamy na naszej oficjalnej stronie. Odkryj wszystkie usługi i funkcje bezpośrednio w przeglądarce...
Ekran główny smartfona (iOS i Android PWA)
Moja apka Apple iOS
Moja apka Android PWA

Wygenerowany pakiet favicon i ikon aplikacji

Wszystkie standardowe formaty, w tym prawdziwy wielowarstwowy .ico, Apple Touch Icons i manifesty.

Kod HTML i pliki konfiguracyjne

Generator favicon: z jednego płótna dwanaście plików

Płótno 512×512 pikseli: z niego powstaje każdy rozmiar ikony, od 16 pikseli w karcie przeglądarki po 512 w Androidzie. Generator favicon bierze obrazek, jedno emoji albo najwyżej trzy litery. Podgląd na żywo pokazuje wynik jako kartę przeglądarki, wynik w Google i ikonę na ekranie głównym telefonu.

Pięć ustawień po kolei

  1. Wybierz kartę Obraz / SVG, Favicon z emoji albo Tekst / monogram. Przeciągnij plik PNG, SVG, JPG lub WebP albo wpisz od jednej do trzech liter.
  2. Wybierz tło: Przezroczyste, Jednolity kolor albo Nowoczesny gradient. Gradient ma dwa kolory i kąt od 0° do 360°.
  3. Ustaw margines wewnętrzny (0–40%, domyślnie 15%) i zaokrąglenie rogów (0–50%, domyślnie 22%, styl iOS).
  4. Wpisz nazwę strony. Trafia do manifestu jako name, a pierwsze 12 znaków staje się short_name.
  5. Kliknij Pobierz kompletny pakiet (.ZIP) albo weź pojedyncze pliki z kart pod płótnem.

Co zawiera ZIP

Dwanaście obrazów: favicon.ico, PNG 16, 32, 48 i 96 pikseli, trzy Apple Touch Icon (180, 152, 120), ikony Androida 192 i 512, ikonę maskable 512 oraz kafelek Windows 150 pikseli. Do tego site.webmanifest, browserconfig.xml i README.txt.

Rzeczy, które mogą wyglądać inaczej, niż oczekujesz

  • Plik .ico ma trzy warstwy PNG: 16, 32 i 48 pikseli. Warstw 64 i 256 nie ma.
  • Emoji rysuje czcionka emoji twojego systemu. To samo emoji wygląda inaczej na macOS, Windows i Androidzie.
  • Monogramy używają czcionek systemowych. Impact albo pismo odręczne mogą zostać zastąpione inną czcionką.
  • Zaokrąglenie i margines dotyczą każdego pliku, także ikony maskable. Dla maskable bez zaokrągleń ustaw zaokrąglenie na 0 i trzymaj grafikę wewnątrz kropkowanego koła.
  • Mały obraz rastrowy jest powiększany, więc zacznij od 512×512 pikseli lub więcej.

Przycisk Kopiuj kod daje znaczniki <link> i <meta> do head strony. Wskazują one plik .ico, PNG 16 i 32, ikonę Apple 180, manifest i konfigurację Windows. Pliki 48, 96, 152 i 120 pikseli są w ZIP-ie, ale bez linku. Gdy tło nie jest jednolite, kolor motywu w manifeście to #2563eb.

Obrazek zostaje w twojej przeglądarce

Plik czyta FileReader, a rysuje go canvas w przeglądarce. Wczytanie obrazka i pobranie plików nie wysyłają żadnego żądania. Sprawdzisz to w zakładce sieci w narzędziach deweloperskich. Pliki zapisują się jako zwykłe pobrania, a kod trafia do schowka tylko po kliknięciu Kopiuj kod.

Często zadawane pytania (FAQ)

Karta przeglądarki używa 16×16 lub 32×32 pikseli. Plik favicon.ico z tego narzędzia ma warstwy 16, 32 i 48 pikseli, a PNG 180×180 obsługuje urządzenia Apple.