Generator faviconów

Zrób pełny zestaw favicon — ICO, rozmiary PNG, ikonę Apple, manifest — z jednego obrazu, bezpośrednio w przeglądarce.

O narzędziu Generator faviconów

Co to jest

To narzędzie zamienia jeden obraz we wszystkie ikony potrzebne stronie: favicon.ico, PNG od 16 do 512 pikseli, ikonę Apple i manifest aplikacji internetowej, a do tego HTML do <head>. Podglądy pokazują, jak ikona wygląda w karcie przeglądarki i na ekranach głównych iOS i Androida. Z SVG powstaje też czysty wektorowy icon.svg.

Główne funkcje

  • favicon.ico, PNG w 16, 32, 180, 192 i 512 px oraz site.webmanifest w jednym ZIP.
  • Wektorowy icon.svg, gdy źródłem jest SVG.
  • Podglądy dla karty przeglądarki, ekranu głównego iOS i Androida.
  • Margines, przezroczyste lub kolorowe tło, nazwa aplikacji, krótka nazwa i kolor motywu.
  • Fragment HTML do <head>.

Jak używać

  1. Upuść obraz na obszar, kliknij go, aby wybrać plik, lub kliknij „Przykład”.
  2. Ustaw margines i tło, a jeśli chcesz — nazwę aplikacji i kolor motywu.
  3. Sprawdź podglądy.
  4. Pobierz ZIP i skopiuj fragment HTML do <head> swojej strony.

Kiedy się przydaje

  • W kilka minut dać nowej stronie lub aplikacji internetowej ikony.
  • Zastąpić rozmyty lub brakujący favicon.
  • Przygotować ikonę ekranu głównego dla progresywnej aplikacji internetowej.

Prywatność i ograniczenia

Twoje dane

Twój obraz jest przetwarzany w przeglądarce i nie trafia na serwer — witryna otrzymuje tylko anonimowe zdarzenie „otwarto narzędzie”, bez treści. Wynik wysłany do innego narzędzia zostaje na tym urządzeniu przez 24 godziny w „Ostatniej aktywności”.

Ograniczenia

  • Źródło rastrowe mniejsze niż 512 px będzie miękkie w największych rozmiarach; narzędzie o tym ostrzeże.
  • Obraz nie kwadratowy jest wpasowywany w kwadrat na środku, a nie rozciągany.

Najczęstsze pytania

Jakie pliki dostanę?

favicon.ico dla starych przeglądarek, PNG favicon-16x16 i favicon-32x32 dla kart, apple-touch-icon.png dla iOS, PNG 192 i 512 px dla Androida i manifestu, site.webmanifest, a przy źródle SVG także icon.svg.

Jaki obraz źródłowy sprawdzi się najlepiej?

Kwadratowy SVG lub PNG co najmniej 512×512 px o prostym kształcie. Drobne szczegóły znikają przy 16 px, więc wyrazisty znak czyta się lepiej niż pełne logo z tekstem.

Jak dodać ikony do strony?

Rozpakuj ZIP do katalogu głównego strony i wklej fragment HTML do <head> swoich stron.