Generator Favicon

Popularne rozmiary favicon i ikon aplikacji z jednego obrazu. 16px do 512px.

Prześlij swoje logo lub ikonę

Plik nie opuszcza urządzenia · Bez rejestracji · Bez limitu dziennego

Do 25 MB na plik

Reklama

Jak to działa

Przeciągnij kwadratowy plik PNG, JPG lub SVG, najlepiej sprawdza się logo lub znak.
Ustaw wypełnienie i tło: zachowaj przezroczystość albo wybierz jednolity kolor dla platform, które spłaszczają przezroczystość.
Wpisz nazwę witryny i krótką nazwę, trafiają one do manifestu webowego, dzięki czemu telefony pokazują właściwą etykietę pod przypiętą ikoną.
Wygeneruj, a następnie pobierz cały zestaw jako jeden plik ZIP i umieść go w katalogu głównym witryny.

Do czego służy

Nadanie nowej witrynie kompletnego zestawu ikon za jednym razem zamiast ręcznego eksportu pięciu rozmiarów.
Zastąpienie favicony, która wygląda ostro w karcie przeglądarki, ale rozmyto na ekranie głównym Androida.
Wytworzenie ikon i manifestu dla aplikacji webowej, którą ludzie mają przypinać do ekranu głównego telefonu.

Reklama

Warto wiedzieć

Otrzymujesz favicon.ico (zawierający 16, 32 i 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png w 180 px, android-chrome-192x192.png, android-chrome-512x512.png, plik site.webmanifest oraz fragment HTML do wklejenia w Twój <head>.
Kwadratowa grafika daje najlepszy wynik. Obraz szeroki lub wysoki jest dopasowywany wewnątrz kwadratu, co zostawia puste miejsce po bokach zamiast przycinać Twoje logo.
Przy 16 px do dyspozycji jest tylko 256 pikseli: cienkie linie, gradienty i drobne litery znikają. Jeśli Twój znak ma szczegóły, zrób do ikony uproszczoną wersję zamiast zmniejszać pełne logo.
Wygenerowany manifest obejmuje nazwę, krótką nazwę, kolor motywu i kolor tła. Wszystko inne, czego potrzebuje Twoja aplikacja (zakres, adres startowy, tryb wyświetlania) dodajesz sam.

Najczęstsze pytania

Dlaczego tyle plików? Czy nie wystarczy jedna favicona?

Każda platforma sięga po inny plik. Przeglądarki używają ikon 16 i 32 px w kartach i zakładkach, iOS używa ikony apple-touch 180 px, gdy ktoś dodaje Twoją witrynę do ekranu głównego, a Android odczytuje manifest, by znaleźć ikony 192 i 512 px. Dostarczysz tylko jedną, a reszta wróci do czegoś rozmytego lub ogólnego.

Do czego służy fragment HTML?

To zestaw znaczników <link> i <meta>, które mówią przeglądarkom, gdzie znajdują się ikony. Wklej go do <head> swojej strony, bez niego pliki leżą w katalogu głównym witryny i większość z nich nigdy nie zostanie znaleziona.

Przezroczyste czy jednolite tło?

Przezroczyste to bezpieczniejszy domyślny wybór i dobrze wygląda w kartach przeglądarki. Wybierz jednolity kolor, jeśli Twój znak jest ciemny i może znaleźć się na tle ciemnego paska kart, albo jeśli chcesz ten sam kolor za ikoną na ekranie głównym iOS, który i tak spłaszcza przezroczystość do bieli.

Czy mój obraz jest gdziekolwiek przesyłany?

Nie. Zmiana rozmiaru, pakowanie ICO i manifest są budowane w całości w Twojej przeglądarce, obraz nigdy nie opuszcza Twojego urządzenia.

Reklama

Powiązane narzędzia

Konwerter ICO

Jak to działa

Przeciągnij kwadratowy plik PNG, JPG lub SVG, najlepiej sprawdza się logo lub znak.

Ustaw wypełnienie i tło: zachowaj przezroczystość albo wybierz jednolity kolor dla platform, które spłaszczają przezroczystość.

Wpisz nazwę witryny i krótką nazwę, trafiają one do manifestu webowego, dzięki czemu telefony pokazują właściwą etykietę pod przypiętą ikoną.

Wygeneruj, a następnie pobierz cały zestaw jako jeden plik ZIP i umieść go w katalogu głównym witryny.

Do czego służy

Nadanie nowej witrynie kompletnego zestawu ikon za jednym razem zamiast ręcznego eksportu pięciu rozmiarów.

Zastąpienie favicony, która wygląda ostro w karcie przeglądarki, ale rozmyto na ekranie głównym Androida.

Wytworzenie ikon i manifestu dla aplikacji webowej, którą ludzie mają przypinać do ekranu głównego telefonu.

Warto wiedzieć

Otrzymujesz favicon.ico (zawierający 16, 32 i 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png w 180 px, android-chrome-192x192.png, android-chrome-512x512.png, plik site.webmanifest oraz fragment HTML do wklejenia w Twój <head>.

Kwadratowa grafika daje najlepszy wynik. Obraz szeroki lub wysoki jest dopasowywany wewnątrz kwadratu, co zostawia puste miejsce po bokach zamiast przycinać Twoje logo.

Przy 16 px do dyspozycji jest tylko 256 pikseli: cienkie linie, gradienty i drobne litery znikają. Jeśli Twój znak ma szczegóły, zrób do ikony uproszczoną wersję zamiast zmniejszać pełne logo.

Wygenerowany manifest obejmuje nazwę, krótką nazwę, kolor motywu i kolor tła. Wszystko inne, czego potrzebuje Twoja aplikacja (zakres, adres startowy, tryb wyświetlania) dodajesz sam.

Najczęstsze pytania

Dlaczego tyle plików? Czy nie wystarczy jedna favicona?

Do czego służy fragment HTML?

Przezroczyste czy jednolite tło?

Czy mój obraz jest gdziekolwiek przesyłany?

Nie. Zmiana rozmiaru, pakowanie ICO i manifest są budowane w całości w Twojej przeglądarce, obraz nigdy nie opuszcza Twojego urządzenia.