Rzut oka do środka
Ten bezpieczny podgląd pokazuje, do czego służy narzędzie, bez wykonywania akcji wymagających konta.
Co potrafi Favicon Generator
Kiedyś wystarczał plik favicon.ico w katalogu głównym. Dziś każda przeglądarka i każdy system chce własnego formatu: Safari oczekuje Apple Touch Icon o wymiarach 180 pikseli, Android Chrome najchętniej widzi 192 i 512 pikseli na ekran główny, kafelki Windows znów chcą czegoś innego, a do instalowalnej aplikacji internetowej potrzebny jest manifest.json. Favicon Generator zdejmuje z ciebie ten bałagan i tworzy wszystko naraz z jednego obrazu źródłowego.
Wgrywasz kwadratowy obraz - najlepiej logo albo wyraźną grafikę - i dostajesz kompletny zestaw. Znajdziesz w nim klasyczny plik ICO z wieloma rozmiarami na pasek kart, Apple Touch Icon na ekran główny iPhone’a, warianty Android Chrome w rozmiarach 192 i 512 pikseli oraz mniejsze pliki PNG dla starszych przeglądarek. Wszystko jest przeliczone co do piksela, żeby ikona była ostra w każdym rozmiarze.
Przeliczanie odbywa się na naszym serwerze, za pomocą szybkiej biblioteki do obróbki obrazu wysokiej jakości. To ważne, bo favicon żyje czystymi krawędziami. Byle jakie zmniejszanie zamienia twoje logo przy 16 pikselach w rozmazaną plamę. Ta biblioteka zmniejsza obraz czysto, więc nawet najmniejszy rozmiar nadal da się rozpoznać.
Żeby nic nie trzeba było zbierać ręcznie, narzędzie dodaje też pasujący manifest PWA i gotowy fragment HTML ze wszystkimi tagami link i meta. Kopiujesz blok do sekcji head swojej strony, wgrywasz pliki i każda platforma znajduje właściwą ikonę. Bez zgadywania, która linijka jest dla której przeglądarki.
Pasuje do wszystkiego, co zasługuje na własną ikonę: nowej strony docelowej, projektu stowarzyszenia, projektu dla klienta albo progresywnej aplikacji internetowej. Zamiast klikać po pięciu różnych narzędziach online i na końcu i tak o czymś zapomnieć, dostajesz tu przemyślany, kompletny pakiet za jednym razem.
Funkcje
Kompletny zestaw ikon
ICO, Apple Touch Icon, ikony Android Chrome i zapasowe pliki PNG - wszystkie rozmiary z jednego obrazu.
Manifest PWA w pakiecie
Gotowy plik manifest.json z właściwymi wpisami ikon dla instalowalnych aplikacji internetowych.
Fragment HTML do wklejenia
Wszystkie tagi link i meta w jednym bloku, który kopiujesz prosto do sekcji head swojej strony.
Czyste zmniejszanie
Wysokiej jakości przeliczanie po stronie serwera, żeby ikona była ostra nawet przy 16 pikselach.
Rozmiary co do piksela
Każdy wymagany rozmiar jest liczony dokładnie - bez poszarpanych krawędzi i bez rozmazania.
Jeden obraz, jedno kliknięcie
Wgraj obraz, pobierz zestaw. Bez klikania po pięciu różnych narzędziach.
Jak to działa
- 1
Wgraj obraz źródłowy
Weź możliwie kwadratowe logo albo wyraźną grafikę. Im prostszy motyw, tym lepiej wyglądają małe rozmiary.
- 2
Wygeneruj zestaw
Narzędzie oblicza wszystkie rozmiary i formaty po stronie serwera - ICO, Apple Touch, Android Chrome i pliki PNG.
- 3
Skopiuj manifest i HTML
Przenieś dołączony manifest PWA i fragment HTML do swojego projektu.
- 4
Podepnij pliki
Wgraj ikony do katalogu głównego, wstaw blok do sekcji head - gotowe dla wszystkich platform.
Dla kogo
Najczęstsze pytania
Jakiego rozmiaru powinien być obraz źródłowy?
Najlepiej co najmniej 512 x 512 pikseli i kwadratowy. Z tak dużego obrazu wszystkie mniejsze rozmiary da się czysto zmniejszyć. Prosty, kontrastowy motyw sprawdza się przy 16 pikselach wyraźnie lepiej niż szczegółowe zdjęcie.
Dlaczego potrzeba tylu różnych formatów?
Bo każda platforma ma własne wymagania: pasek kart potrzebuje ICO, iOS - Apple Touch Icon, Android - ikon Chrome, a instalowalne aplikacje internetowe - manifestu. Generator obejmuje wszystkie naraz, żeby ikona wyglądała dobrze wszędzie.
Czym jest Apple Touch Icon?
To ikona, która pojawia się, gdy ktoś dodaje twoją stronę do ekranu głównego iPhone’a lub iPada. Zwykle ma 180 x 180 pikseli i jest podpinana osobnym tagiem link, który narzędzie dołącza do fragmentu HTML.
Czy mogę w ten sposób stworzyć ikonę dla PWA?
Tak. Generator dostarcza ikony 192 i 512, których oczekuje Android Chrome, oraz pasujący plik manifest.json. Dzięki temu twoją progresywną aplikację internetową da się zainstalować z właściwą ikoną.
Czy przezroczystość zostaje zachowana?
Tak. Jeśli obraz źródłowy to PNG z przezroczystym tłem, w ikonach opartych na PNG tło pozostaje przezroczyste. Dzięki temu logo czysto unosi się na tle karty albo ekranu głównego.
Dlaczego po stronie serwera, a nie w przeglądarce?
Serwer zmniejsza obraz w wysokiej jakości i czysto składa wiele rozmiarów potrzebnych w pliku ICO. Daje to ostrzejsze wyniki niż samo skalowanie na canvasie w przeglądarce, zwłaszcza przy najmniejszych rozmiarach.
Podobne narzędzia
SVG-Rasterizer
Zamieniaj grafiki wektorowe SVG po stronie serwera na PNG, JPG, WebP lub AVIF. Z kontrolą DPI…
Bild-Konverter
Zamieniaj obrazy między JPG, PNG, WebP, AVIF, GIF i BMP. Konwersja wsadowa z ustawieniem jako…
Bild-Skalierung
Zmieniaj rozmiar swoich obrazów w pikselach, procentach lub DPI. Z wzorcami, przetwarzaniem w…
EXIF-Betrachter
Pokaż metadane EXIF, IPTC, XMP i ICC swoich zdjęć. Lokalizacja GPS, dane aparatu, kontrola pr…
QR-Code Generator
Twórz kody QR dla adresów URL, tekstów, vCard i dostępów do Wi-Fi. Pobieraj jako PNG lub SVG.…
Chcesz zacząć z Favicon Generator?
Bez instalacji. W cenie od Plus. Otwórz prosto w przeglądarce.
Otwórz teraz