Generator Favicon – Tworzenie wszystkich rozmiarów Faviconów z obrazu

Prześlij dowolny obraz i natychmiast otrzymaj pełny zestaw fawiconów: 16, 32, 48, 180 (Apple), 192 i 512 (PWA) oraz site.webmanifest, zapakowany jako ZIP.

Usuń swoje logo, aby wygenerować każdy rozmiar favicon

Zawiera site.webmanifest + fragment HTML

O generatorze Favicon

Renderuje twój obraz do sześciu rozmiarów fawiconów, których obecnie używają przeglądarki (pomijając ścieżkę .ico starszą, której niewiele stron jeszcze potrzebuje), plus gotowy do upuszczenia manifest aplikacji webowej. Działa całkowicie w Twojej przeglądarce — bez przesyłania, bez czekania.

Kontynuuj ulepszanie swoich obrazów

Przenieś edycję zdjęć na wyższy poziom dzięki tym popularnym narzędziom

📝

Dodaj tekst do obrazu

Dodawanie podpisów i tytułów do ulepszonego zdjęcia

🖼️

Dodaj obramowanie zdjęcia

Opraw swój efekt za pomocą pięknych obramowań

🗜️

Kompresja obrazu

Zoptymalizuj swój ulepszony obraz do udostępniania

📐

Zmień rozmiar obrazu

Zmienianie wymiarów obrazu

Poznaj wszystkie narzędzia fotograficzne

Frequently Asked Questions

Do nowoczesnych przeglądarek i urządzeń potrzebujesz sześciu rozmiarów: 16×16 i 32×32 dla kart przeglądarki, 48×48 dla ikon stron Windows, 180×180 dla ikony dotyku Apple (ekran główny iOS) oraz 192×192 + 512×512 dla ekranów głównych Androida i komunikatów instalacji PWA. Nasz generator generuje wszystkie sześć oraz site.webmanifest na podstawie jednego zdjęcia źródłowego.

usage

Większość nowoczesnych przeglądarek preferuje tagi linków PNG (rel="icon" type="image/png"), więc plik ICO nie jest już potrzebny. Pomijamy legacy ICO i udostępniamy favikony PNG w odpowiednim rozmiarze dla każdego nowoczesnego celu. Jeśli musisz wspierać Internet Explorer lub bardzo stary Chrome, możesz osobno przekonwertować jeden z PNG na ICO.

technical

Manifest aplikacji webowej to plik JSON, który informuje Androida, Chrome i Edge, jak Twoja strona powinna wyglądać po zainstalowaniu jako progresywna aplikacja webowa — ikona, nazwa, kolor motywu i tryb wyświetlania. Nasz generator zawiera manifest startowy wskazujący na ikony Androida Chrome; Wystarczy edytować nazwę i theme_color.

features

Kwadratowy (1:1) PNG o pojemności 512×512 lub większym daje najczystszy wynik w każdym rozmiarze. Unikaj drobnych detali, które znikają przy 16×16 — favicony najlepiej sprawdzają się z jednym wyraźnym kształtem i wysokim kontrastem. Przezroczyste PNG działają; Narzędzie określa je w letterboxingu, więc ikona jest wyśrodkowana w każdym rozmiarze.

tips

Tak — Twój obraz źródłowy jest zmieniany za pomocą API canvas i lokalnie pakowany jako ZIP. Nic nie jest przesyłane. Dzięki temu bezpiecznie można generować ikony dla niewydanych produktów oraz tożsamości marek przed premierą.

privacy

Rozpakuj pobrany plik do folderu /public (lub web root) swojej strony, a następnie dodaj dołączony fragment HTML do <head>: link tagi dla ikon PNG oraz link do site.webmanifest. Odśwież swoją stronę na twardo (Cmd+Shift+R) — przeglądarki agresywnie cachują favicony, więc może być konieczne wyczyszczenie pamięci podręcznej, aby pojawiła się nowa ikona.

usage

Tak — pliki PNG 192×192 i 512×512 to dokładnie to, czego Chrome i Edge szukają, aby zakwalifikować stronę jako instalowalną PWA. Wraz z manifestem spełniają test instalowalności latarni morskiej.

technical

Tak. Bez znaków wodnych, bez rejestracji, bez limitu użytkowania — a ZIP jest twój na zawsze. Dodaliśmy to narzędzie, ponieważ każdy deweloper w końcu potrzebuje zestawu fawiconów, a istniejące generatory były albo pełne reklam, albo wymagały płacenia za wyniki w wysokiej rozdzielczości.

pricing

Use Cases

Starty niezależnego hakera

Solo założyciele wysyłający swojego MVP potrzebują dopracowanego faviconu przed premierą. Wygeneruj każdy rozmiar z pojedynczego logo i manifestu jednym kliknięciem — bez Figmy, bez potrzeby subskrypcji projektowej.

development

Konfiguracja klienta agencyjnego

Przy dostarczaniu nowej lokalizacji dla klienta zestaw favicon rzadko jest budżetowany, ale zawsze oczekiwany. Wygeneruj ZIP na końcu projektu, wrzuć go do /public i zaznacz dostawę.

agency

Instalowalność PWA

Aby przejść test instalowalności Chrome, Twój manifest musi mieć ikony 192×192 i 512×512. Nasz wynik spełnia ten wymóg od razu, plus pasujące tagi HTML do nagłówków.

development

Wielobrandowe przestrzenie robocze

Agencje i konsultanci zarządzający wieloma marcami klientów mogą odtworzyć fawikon w 10 sekund za każdym razem, gdy pojawi się odświeżenie marki — bez potrzeby utrzymywania akcji w Photoshopie.

agency

Markowanie projektów open source

Strony GitHub Pages, Vercel, Netlify i Cloudflare Pages potrzebują faviconów, aby wyglądać dopracowanie w zakładkach przeglądarki. Wrzuć wygenerowane pliki do repozytorium i projekt wygląda na wysłany.

opensource

Odświeżenie rebrandingu

Gdy logo się zmienia, odśwież każdy wymagany rozmiar — w tym ikonę Apple touch o 180px i ikonę Android PWA 512px — bez ręcznego eksportu z Illustratora.

branding