Utwórz favicon i rozmiary ikon aplikacji z jednego obrazu

Użyj tej strony, gdy logo albo kwadratowy znak marki ma stać się pakietem ikon dla strony, aplikacji webowej albo PWA. QuokkaPix eksportuje typowe rozmiary PNG lokalnie, aby można było sprawdzić ostrość i marginesy przed dodaniem plików do projektu.

Bez wysyłania plikówLokalnie w przeglądarceDarmowe

Otwórz w edytorze Wszystkie tryby

To otwiera ten sam edytor QuokkaPix z wybranym trybem.

Co robi to narzędzie

Generuj favicon, Apple touch icon i ikony PNG PWA lokalnie w przeglądarce bez wysyłania logo.

16 do 512 px

Lokalny ZIP

Ikony strony i PWA

Jak to działa

Wczytaj kwadratowe albo wyśrodkowane logo.

Otwórz pakiet favicon/app icon.

Sprawdź marginesy, kontrast i kształt w małych rozmiarach.

Pobierz ZIP z ikonami PNG.

FAQ

Czy logo jest wysyłane?

Nie. Generowanie ikon działa lokalnie w przeglądarce.

Jakie rozmiary powstają?

Pakiet obejmuje typowe rozmiary, takie jak 16, 32, 48, 180, 192 i 512 px.

Praktyczne kontrole

Favicon to nie tylko jedna kwadratowa ikona

Zestaw favicon musi działać w kartach przeglądarki, zakładkach, przypiętych skrótach i małych podglądach mobilnych. Zacznij od prostego, kontrastowego znaku i unikaj tekstu, który znika przy 16 px. Wyeksportuj wymagane rozmiary, a potem sprawdź, czy najmniejsza wersja nadal jest rozpoznawalna bez polegania wyłącznie na kolorze. Zachowaj ikonę master osobno, bo wygenerowane pliki favicon są assetami dostarczanymi, a nie źródłem projektu.

Użyj prostej formy z mocnym kontrastem.

Sprawdź 16 px i 32 px przed publikacją.

Trzymaj źródłowe logo lub ikonę oddzielnie od wygenerowanych faviconów.

Sprawdź 16 px, zanim zaufasz całemu pakietowi

Favicon najczęściej psuje się w najmniejszym rozmiarze. Przed użyciem wygenerowanego ZIP otwórz osobno pliki PNG 16 px i 32 px, a nie tylko dużą ikonę 512 px. Cienki tekst, szczegółowa maskotka i poziome logo często znikają w karcie przeglądarki. Dobrym źródłem jest zwykle uproszczony znak z mocnym kontrastem i wystarczającym odstępem. Oryginalny projekt marki przechowuj osobno, aby później odtworzyć pakiet z innym kadrem albo tłem.

Sprawdź 16 px i 32 px jako prawdziwe pliki.

Unikaj znaków z drobnym tekstem.

Zachowaj czysty kwadratowy master do kolejnych pakietów.

Powiązane strony

Powiązane narzędzia pomagają przygotować ten sam plik do kolejnego kroku: zmiany rozmiaru, kompresji, konwersji, PDF albo pracy wsadowej.