Generator favicon

Zamień logo lub dowolny kwadratowy obraz w kompletny zestaw favicon: plik favicon.ico w wielu rozmiarach, ikony PNG dla przeglądarek i telefonów, manifest strony oraz kod HTML do wklejenia na stronę. Wszystko powstaje w przeglądarce, więc twoja grafika nigdy nie jest przesyłana.

Przeciągnij tutaj obraz lub kliknij, aby wybrać plik

Najlepiej sprawdza się kwadratowy PNG z przezroczystością. Pliki zostają na twoim urządzeniu.

Podgląd

Kod HTML do sekcji head strony

Każdy rozmiar ikony, plik favicon.ico i archiwum ZIP powstają w całości w twojej przeglądarce. Obraz źródłowy nigdy nie jest wysyłany na serwer.

Wszystko, czego potrzebujesz, żeby dodać favicon

Favicon to mała ikona widoczna w kartach przeglądarki, zakładkach i na ekranie głównym telefonu. Zrobienie go porządnie wymaga kilku rozmiarów i kilku formatów, co ręcznie jest żmudne. Ten generator favicon bierze jeden obraz i tworzy cały zestaw: klasyczny plik favicon.ico z wersjami 16, 32 i 48 pikseli, osobne pliki PNG dla nowoczesnych przeglądarek oraz urządzeń Apple i Android, manifest strony i gotowe linie HTML do wstawienia w sekcji head.

Powstał dla programistów, blogerów i właścicieli sklepów, którzy chcą wyraźnego, poprawnego favicon w przeglądarkach i na urządzeniach, bez walki z edytorem grafiki.

Jak wygenerować favicon

  1. Dodaj obraz. Najczystszy wynik daje kwadratowe logo lub ikona z przezroczystym tłem.
  2. Sprawdź podglądy. Zobacz, jak wygląda w każdym rozmiarze, od maleńkiej ikony karty 16 pikseli do 512 pikseli.
  3. Pobierz. Weź sam plik favicon.ico albo pełny pakiet ZIP ze wszystkimi plikami.
  4. Wklej kod HTML. Skopiuj gotowy fragment do sekcji head swojej strony i wgraj pliki do katalogu głównego.

Prawdziwy plik ICO w wielu rozmiarach

Plik favicon.ico to poprawny plik ikony z obrazami 16, 32 i 48 pikseli w jednym, więc przeglądarki mogą wybrać najostrzejszą wersję dla kart, zakładek i paska adresu.

Ikony na strony i telefony

Pakiet zawiera ikony PNG dla nowoczesnych przeglądarek, ikonę Apple touch icon 180 pikseli dla iPhone'ów oraz ikony 192 i 512 pikseli dla Androida i progresywnych aplikacji webowych.

Kod HTML gotowy do wklejenia

Dostajesz też plik manifestu i krótki blok HTML do skopiowania do sekcji head, więc podpięcie favicon do strony to wklejenie kodu i wgranie plików.

Dlaczego warto użyć tego generatora favicon

  • Kompletny zestaw: ICO, ikony PNG, manifest i HTML za jednym razem.
  • Prawdziwy ICO w wielu rozmiarach: 16, 32 i 48 pikseli w jednym pliku favicon.ico.
  • Bez przesyłania: logo jest przetwarzane w przeglądarce i zostaje prywatne.
  • Bez znaku wodnego: ikony zawierają wyłącznie twój obraz, nic więcej.
  • Za darmo i natychmiast: bez konta i bez czekania na serwer.

Popularne rozmiary i zastosowania favicon

Najszybszy sposób na favicon to wrzucić kwadratowy PNG lub JPG z logo i pozwolić narzędziu wygenerować wszystkie rozmiary. Plik favicon.ico zawiera wersje 16 na 16, 32 na 32 i 48 na 48 w jednym pliku, czyli dokładnie to, czego przeglądarki chcą dla kart, zakładek i paska adresu. Ikona 16 na 16 to ta maleńka, którą widzisz w karcie przeglądarki, a 32 na 32 jest używana na ostrzejszych ekranach i przypiętych skrótach. Jeśli prowadzisz stronę na WordPressie, Shopify lub w zwykłym HTML, to jest plik favicon.ico do wgrania do katalogu głównego strony, z odpowiednimi znacznikami link wklejonymi do sekcji head.

Na telefony i aplikacje dostajesz też ikonę Apple touch icon 180 na 180, czyli rozmiar używany przez iPhone'a i iPada, gdy ktoś dodaje twoją stronę do ekranu głównego, oraz pliki PNG 192 na 192 i 512 na 512 dla Androida i progresywnych aplikacji webowych, razem z manifestem strony. Ponieważ obraz jest skalowany tak, by się zmieścił, i wyśrodkowany, możesz zamienić szerokie logo, ikonę aplikacji lub pojedynczą literę w czysty zestaw ikon. Prosty symbol na przezroczystym tle jest najbardziej czytelny po zmniejszeniu do 16 na 16.

Najczęstsze pytania

Dodaj kwadratowy obraz, sprawdź podglądy w każdym rozmiarze, a potem pobierz favicon.ico lub pełny pakiet ZIP i wklej gotowy kod HTML do sekcji head strony.

Plik favicon.ico z wersjami 16, 32 i 48 pikseli oraz ikony PNG w rozmiarach 16, 32, 180 dla urządzeń Apple oraz 192 i 512 dla Androida i aplikacji webowych.

Tak. Plik ICO jest tworzony w twojej przeglądarce i zawiera obrazy 16, 32 i 48 pikseli razem, więc przeglądarki mogą wybrać najostrzejszy.

Nie. Każdy rozmiar jest renderowany, a pliki są pakowane w całości w twojej przeglądarce. Obraz źródłowy nigdy nie jest wysyłany na serwer.

Najlepiej sprawdza się kwadratowy obraz, najlepiej proste logo lub symbol na przezroczystym tle, żeby był czytelny nawet w rozmiarze 16 pikseli.

Wgraj pliki ikon do katalogu głównego strony, a potem wklej fragment HTML do sekcji head swoich stron.

Nie. Ikony zawierają wyłącznie twój obraz. Nic z MyIMGs nie jest dodawane.

Tak, jest całkowicie darmowy i nie wymaga konta.

Przeciągnij kwadratowy PNG lub JPG, sprawdź podglądy, a potem pobierz favicon.ico lub pełny pakiet ZIP. Obraz jest skalowany tak, by się zmieścił, i wyśrodkowany, więc najlepiej działa logo lub symbol na przezroczystym tle.

Plik favicon.ico powinien zawierać rozmiary 16 na 16, 32 na 32 i 48 na 48, które to narzędzie łączy za ciebie. Na telefony potrzebujesz też ikony Apple touch icon 180 na 180 oraz plików PNG 192 na 192 i 512 na 512 dla Androida i aplikacji webowych.

Pobierz pakiet, wgraj favicon.ico i pliki PNG do katalogu głównego strony, a potem wklej gotowe znaczniki link do sekcji head. Na WordPressie, Shopify i w zwykłym HTML to favicon.ico w katalogu głównym jest tym, co przeglądarki pobierają jako ikonę karty.

Plik favicon.ico to jeden plik zawierający kilka rozmiarów naraz, tu 16 na 16, 32 na 32 i 48 na 48, więc starsze i nowsze przeglądarki mogą wybrać najostrzejszy. Osobne ikony PNG są używane przez nowoczesne przeglądarki oraz przez telefony jako Apple touch icon i ikony Androida.

Powiązane narzędzia