Generator favicon

Upuść logo, wybierz margines, tło i rogi, i pobierz wszystkie ikony, których potrzebuje strona, razem z kodem HTML do wklejenia.

O tym narzędziu

Wszystkie ikony strony z jednego obrazu

Przeglądarki, iPhone'y i telefony z Androidem chcą każde swojej ikony. To narzędzie tworzy je wszystkie naraz, na Twoim urządzeniu.

Prawdziwy ICO w kilku rozmiarach

favicon.ico zawiera wersje 16, 32 i 48 px, więc karta, zakładki i pasek zadań Windows dostają ostrą ikonę. Małe rozmiary są zmniejszane etapami, żeby cienkie linie się nie rwały.

Gotowe na telefony

apple-touch-icon.png (180 px) na ekran początkowy iPhone'a, ikony 192 i 512 px dla Androida oraz site.webmanifest z nazwą strony i kolorem motywu.

Podgląd przed pobraniem

Podgląd karty przeglądarki w jasnym i ciemnym motywie oraz wszystkie rozmiary obok siebie. Obsługuje logo PNG, JPG, WebP i SVG; przezroczystość zostaje tam, gdzie jest dozwolona.

Jak to działa

  1. Upuść logo lub obraz (PNG, JPG, WebP lub SVG) albo wklej je skrótem Ctrl + V.
  2. Wybierz „Dopasuj z marginesem” lub „Wypełnij i przytnij”, a potem margines, tło i zaokrąglone rogi.
  3. Wpisz nazwę strony i kolor motywu do web manifestu.
  4. Kliknij „Utwórz favicon”, pobierz ZIP i skopiuj kod HTML do sekcji <head> strony.

Często zadawane pytania

Czy moje zdjęcia są wysyłane na serwer?

Nie. Każdy obraz jest odczytywany, przetwarzany i zapisywany w karcie przeglądarki za pomocą Canvas, Web Workers i WebAssembly. Nic nie jest wysyłane, przechowywane ani rejestrowane.

Jakie pliki są w ZIP-ie?

favicon.ico (16, 32 i 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest i plik HTML ze znacznikami do wklejenia. Przy starcie z SVG dochodzi favicon.svg.

Gdzie umieścić pliki favicon?

Wgraj je do katalogu głównego strony, obok strony startowej, i wklej kod HTML do sekcji <head> każdej podstrony. Przeglądarki same szukają też /favicon.ico.

Dlaczego ikona Apple ma tło?

iOS pokazuje przezroczyste ikony ekranu początkowego na czarnym tle. Jeśli zostawisz przezroczyste tło, tylko ikona Apple dostanie białe; rogi iOS zaokrągla sam.

Czy mogę zrobić favicon z pliku SVG?

Tak. ZIP zawiera wtedy także favicon.svg z Twoim marginesem, tłem i rogami, który nowoczesne przeglądarki wolą, bo jest ostry w każdym rozmiarze. Ikony PNG i ICO są rysowane z SVG w 1024 px i zmniejszane, więc nawet wersja 16 px zostaje ostra.

Czy to jest darmowe i czy dodaje znak wodny?

Tak, możesz korzystać za darmo bez zakładania konta, a Toolula nigdy nie dodaje znaku wodnego. Darmowy plan ma limity uczciwego użytkowania; opcjonalny plan Toolula Pro je podnosi.