Konwertuj PNG na ICO (favicon)

Favikona to mała ikona, którą przeglądarki pokazują na karcie, pasku zakładek i w historii. To narzędzie zamienia PNG w porządny wielorozmiarowy plik .ico z wersjami 16, 32, 48 i 64 px, zbudowany w całości na Twoim urządzeniu bez przesyłania.

Jak konwertować PNG na ICO

Upuść obraz PNG do narzędzia poniżej. Kwadratowy obraz sprawdza się najlepiej.
Format wyjściowy jest już ustawiony na ICO (favicon).
Kliknij Uruchom, by wygenerować wielorozmiarowy .ico.
Pobierz favicon.ico i umieść w katalogu głównym strony.

Co musi robić favikona

Favikona jest wyświetlana w bardzo małych rozmiarach, często 16 pikseli. W tym rozmiarze drobne szczegóły znikają, a cienkie linie w ogóle się gubią. Dobra favikona to wyrazisty, prosty kształt o silnym kontraście: pojedyncza litera, uproszczona wersja sygnetu lub pełny kształt w kolorze marki. Jeśli pełne logo ma część słowną, użyj tylko symbolu albo tylko pierwszej litery.

Pliki .ico zawierają kilka rozmiarów, bo skalowanie pojedynczego obrazu w górę lub w dół przy wyświetlaniu wygląda rozmyto. Dostarczając wersje 16, 32, 48 i 64 pikseli, system lub przeglądarka może pokazać obraz co do piksela w każdym kontekście: 16 px w karcie, 32 px na liście zakładek na ekranie o wysokiej gęstości, 48 px w skrócie na pasku zadań Windows i tak dalej.

Przygotowanie źródłowego PNG

Zrób go kwadratowym. Jeśli logo jest szerokie, najpierw umieść je na kwadratowym przezroczystym płótnie albo wykadruj do symbolu narzędziem do przycinania.
Zacznij od 256 pikseli lub więcej. Zmniejszanie z dużego, czystego źródła daje gładsze wyniki niż powiększanie małego.
Zachowaj przezroczyste tło, jeśli kształt jest pełny, by dobrze wyglądał na jasnych i ciemnych motywach przeglądarki. Jeśli kształt jest cienki lub jasny, umieść go na pełnym zaokrąglonym kwadracie.
Unikaj tekstu dłuższego niż jeden-dwa znaki; przy 16 pikselach będzie nieczytelny.

Instalacja favikony

Zapisz pobrany plik jako favicon.ico i umieść w głównym folderze strony. Potem dodaj to w <head> każdej strony:

<link rel="icon" href="/pl/favicon.ico" sizes="any">

Większość platform ma zamiast tego dedykowane ustawienie: WordPress nazywa je Ikoną witryny w Wyglądzie, Shopify i Squarespace mają pole Favicon w ustawieniach motywu, a Webflow w Ustawieniach projektu. Prześlij tam plik .ico.

Idąc dalej

Do pełnego zestawu ikon, o który proszą nowoczesne urządzenia, przyda się też PNG 180 pikseli do skrótów na ekranie głównym iOS (apple-touch-icon) oraz PNG 192 i 512 pikseli dla Androida i manifestu aplikacji webowej. To zwykłe pliki PNG, więc użyj narzędzia do skalowania, by utworzyć je z tego samego pliku głównego. Plik .ico z tej strony obejmuje karty przeglądarki, zakładki i Windows, czyli miejsca, gdzie większość ludzi zauważa brak favikony.

Najczęściej zadawane pytania

Jaki rozmiar powinien mieć źródłowy PNG?

Kwadratowy i co najmniej 64 na 64 piksele. Kwadratowy PNG 256 px daje najczystsze wyniki po zmniejszeniu. Obrazy niekwadratowe są centrowane i dopełniane przezroczystością.

Co jest w pliku .ico?

Cztery obrazy zakodowane jako PNG w rozmiarach 16, 32, 48 i 64 px. Przeglądarki i Windows wybierają rozmiar najlepiej pasujący do kontekstu, więc ikona wygląda ostro na karcie, w zakładce i na skrócie pulpitu.

Jak dodać favikonę do strony?

Prześlij favicon.ico do katalogu głównego strony (by była dostępna pod twojastrona.pl/favicon.ico) i dodaj <link rel="icon" href="/favicon.ico"> w sekcji <head> stron. Przeglądarki agresywnie cache'ują favikony, więc może być potrzebne twarde odświeżenie.

Czy w 2026 nadal potrzebuję pliku .ico?

Nowoczesne przeglądarki przyjmują favikony PNG i SVG, ale .ico to jedyny format działający wszędzie, włącznie ze starszymi przeglądarkami, skrótami Windows i niektórymi czytnikami kanałów. Większość stron dostarcza oba.

Twoje pliki nigdy nie opuszczają urządzenia

Każde narzędzie w Squishly Tools jest w 100% darmowe i działa w całości w przeglądarce. Twoje obrazy i dokumenty są przetwarzane na Twoim komputerze i nigdy nie trafiają na serwer. Bez kont, bez znaków wodnych i bez haczyka.