tooly

Generator favicon

Zamień logo w kompletny zestaw ikon: favicon.ico z 16, 32 i 48 px, Apple touch icon 180 px oraz PNG 192/512 px do manifestu. Nic nie jest wysyłane.

Twoje pliki nie opuszczają przeglądarki

Jak używać

  1. Przeciągnij kwadratowe logo — PNG, SVG, JPG lub WebP. Najlepiej od 512 px.
  2. Poczekaj chwilę, aż wszystkie rozmiary zostaną wyrenderowane w przeglądarce.
  3. Pobierz ZIP i skopiuj pliki do katalogu głównego strony.

FAQ

Czy moje logo jest wysyłane na serwer?

Nie. Każda ikona jest renderowana przez Canvas API w przeglądarce i pakowana do ZIP lokalnie.

Jakie pliki są w ZIP?

favicon.ico (16, 32 i 48 px), apple-touch-icon.png (180 px), icon-192.png, icon-512.png oraz site.webmanifest odwołujący się do PNG.

Co jeśli moje logo nie jest kwadratowe?

Jest wyśrodkowane w kwadracie z przezroczystymi marginesami, więc nic nie jest przycinane. Aby wypełnić kwadrat, najpierw przytnij logo.

Jak dodać ikony do strony?

Skopiuj pliki do katalogu głównego i dodaj w <head>: <link rel="icon" href="/favicon.ico">, <link rel="apple-touch-icon" href="/apple-touch-icon.png"> oraz <link rel="manifest" href="/site.webmanifest">.

Czy mogę użyć SVG jako źródła?

Tak, i to najlepszy wybór: wektor jest rasteryzowany osobno w każdym rozmiarze, więc nawet 16 px pozostaje ostre.

Podobne narzędzia