Konwerter PNG na ICO

Utwórz favicon ICO z wieloma rozmiarami

Faviconki nadal często korzystają z kontenera ICO, ponieważ jeden plik może zawierać kilka rozmiarów ikony. Karta przeglądarki, zakładka, skrót na pulpicie i powłoka Windows mogą wybrać z tego samego pliku najlepiej pasujący rozmiar. Ten konwerter PNG na ICO zamienia jeden obraz źródłowy w prawdziwy favicon z wieloma rozmiarami, zawierający wpisy 16, 32, 48, 64, 128 i 256 pikseli. Wrzuć logo, znak lub kwadratowy plik PNG, obejrzyj podgląd wygenerowanych rozmiarów i pobierz gotowy plik .ico.

Konwersja odbywa się w całości w Twojej przeglądarce. Strona wczytuje obraz źródłowy, przycina go do kwadratu ze środka, rysuje na kilku płótnach canvas o różnych rozmiarach i pakuje te zakodowane w PNG płótna w strukturę ICO. Twoje logo nigdy nie jest wysyłane do sieci, co przydaje się przy niepublikowanych markach, pracach dla klientów i prywatnych projektach. Wygenerowany plik używa osadzonych obrazów PNG – to nowoczesna funkcja ICO obsługiwana przez obecne przeglądarki i systemy operacyjne.

Przygotowanie obrazu źródłowego

Aby uzyskać najlepszy favicon, użyj prostego obrazu o wysokim kontraście. Maleńkie ikony nie pokażą wyraźnie drobnego tekstu ani cienkich detali, dlatego wyraziste kształty i czytelne sylwetki sprawdzają się lepiej niż złożone zrzuty ekranu. Idealny jest kwadratowy, przezroczysty plik PNG, bo przycięcie zachowa cały projekt i kanał alfa. Obrazy prostokątne są automatycznie przycinane ze środka, aby ikona pozostała kwadratowa, a nie rozciągnięta, jednak jeśli ważny element nie leży pośrodku, warto przyciąć obraz źródłowy samodzielnie.

Jak używać pliku ICO

Po pobraniu umieść plik w projekcie swojej witryny i odwołaj się do niego w kodzie HTML, metadanych frameworka lub zasobach statycznych. Wiele witryn nadal zawiera wiersz taki jak <link rel="icon" href="/favicon.ico"> dla szerokiej zgodności, często obok ikon PNG lub SVG. Przed publikacją sprawdź najmniejsze podglądy: jeśli wersja 16-pikselowa wygląda niewyraźnie, uprość grafikę lub zwiększ kontrast i wygeneruj plik ICO ponownie.

Rozmiar pliku i pamięć podręczna

Plik ICO zawiera sześć wpisów skompresowanych w PNG, więc jest większy niż pojedyncza ikona 16×16, ale nadal niewielki dla prostego logo. Przeglądarki bardzo agresywnie zapisują favicony w pamięci podręcznej, dlatego po zastąpieniu pliku może być konieczne twarde odświeżenie strony lub wyczyszczenie danych witryny, zanim pojawi się nowa ikona. Jeśli potrzebujesz też osobnych plików PNG dla ikon Apple touch i Android, generator favicon w tym serwisie je utworzy.

Konwerter akceptuje każdy typ obrazu, który otworzy Twoja przeglądarka, nie tylko PNG, a pobrany plik otrzymuje nazwę pliku źródłowego z rozszerzeniem .ico. Wszystko jest przetwarzane lokalnie, więc niepublikowane logo pozostają prywatne.