Przejdź do wyniku narzędzia
Narzędzia

Generator favicon i ikon ICO

Zamień logo albo krótki monogram w komplet ikon do witryny.

Przejdź do narzędzia

Zamień logo albo krótki monogram w komplet ikon do witryny. Sprawdź podgląd, wybierz margines i pobierz ICO, PNG lub cały zestaw ZIP. Obraz jest przetwarzany w Twojej przeglądarce.

Opracowanie:

Ustawienia narzędzia

Pliki i wyniki są przetwarzane w bieżącej karcie przeglądarki. Zapisz wynik przed jej zamknięciem.

Wpisz 1–3 znaki.

Podgląd i pliki favicon

Brak gotowego wyniku

Ustaw parametry i użyj przycisku narzędzia.

Jak działa narzędzie

  1. Wybierz monogram z 1–3 znaków albo wczytaj logo PNG, JPG lub WebP.
  2. Ustaw margines, kolor tła i sposób dopasowania obrazu. Opcja przezroczystości usuwa tło dodawane przez generator.
  3. Kliknij „Utwórz favicony”. Zobacz podgląd i pobierz pojedynczy plik albo ZIP.
  4. Umieść pliki na swoim serwerze i dodaj podany kod do sekcji head. Jeśli używasz CMS, możesz wybrać ikonę witryny w jego ustawieniach.

Szczegóły techniczne

Obraz jest skalowany na canvas do kwadratu 512 × 512 px. Dopasowanie „cały obraz” zachowuje całe logo; wypełnienie kwadratu przycina brzegi. Margines określa odstęp od krawędzi.

Plik ICO zawiera trzy obrazy 16 × 16, 32 × 32 i 48 × 48 px, zapisane jako 32-bitowe bitmapy DIB z kanałem alfa i maską przezroczystości. Nie jest to PNG ze zmienionym rozszerzeniem. Osobne pliki PNG mają rozmiary 16, 32, 48, 180, 192 i 512 px.

ZIP zawiera osiem plików: ICO, sześć PNG oraz ikony.html z kodem do wklejenia. Kod zakłada umieszczenie ikon w katalogu głównym domeny. Dostosuj ścieżki, jeśli wybierzesz inny katalog.

FAQ

Czy plik ICO ma poprawny format?

Tak. Zawiera nagłówek ICO oraz trzy bitmapy 32-bitowe w rozmiarach 16, 32 i 48 px, z obsługą przezroczystości.

Czy mogę uzyskać przezroczystą ikonę?

Tak. Zaznacz przezroczyste tło. Jeśli wgrywasz logo, jego własne przezroczyste piksele także zostaną zachowane; generator nie wycina tła ze zwykłego zdjęcia.

Dlaczego po podmianie nadal widzę starą faviconę?

Przeglądarka może przechowywać ikonę w pamięci podręcznej. Sprawdź ścieżkę pliku, odśwież stronę i w razie potrzeby użyj nowej nazwy pliku w kodzie HTML.

Czy zdjęcie jest wysyłane na serwer?

Nie. Ten moduł odczytuje plik lokalnie i tworzy ikony w przeglądarce. Zapisz wynik, zanim zamkniesz kartę.

Ograniczenia narzędzia

  • Wejście: pojedynczy PNG, JPG lub WebP do 15 MB i 24 megapikseli.
  • Przezroczyste tło nie usuwa tła, które już jest częścią zdjęcia.
  • Drobne napisy i szczegóły mogą zniknąć w ikonie 16 px. Najczytelniejsze są proste kształty.
  • Generator nie instaluje ikon w Twojej witrynie. Podgląd 512 px pokazuje projekt; sprawdź również małe pliki.

Źródła i aktualizacja

Umieść to narzędzie na swojej stronie

Skopiuj kod i wklej go w swoim artykule. Narzędzie zadziała na Twojej stronie, a pod nim pojawi się link do źródła. Za darmo, bez rejestracji.

Motyw: