Prześlij Obraz Źródłowy
Drop image here or click to upload
Use a square image for best results -- PNG, JPG, SVG, or WebP
Prześlij dowolny obraz i wygeneruj favikony we wszystkich rozmiarach, których potrzebuje Twoja strona. Uzyskaj ikony zakładek przeglądarki, Apple Touch Icons, Android Chrome i ikony PWA z gotowym kodem HTML.
Polerowany favicon to dopiero początek. OneStepToRank pomaga Twojej firmie dominować wyniki lokalnego wyszukiwania dzięki śledzeniu pozycji w czasie rzeczywistym i automatycznej optymalizacji w całym obszarze usług.
Rozpocznij Za DarmoA favicon (skrót od "favorites icon") jest małą ikoną wyświetlaną w zakładkach przeglądarki, zakładkach, wpisach historii i pasku adresu, gdy użytkownicy odwiedzają Twoją stronę. Pierwotnie wprowadzony przez Internet Explorer 5 w 1999 roku jako plik ICO 16x16 pikseli, favikony znacznie się rozwinęły. Nowoczesne witryny muszą udostępniać wiele rozmiarów favikon, aby obsługiwać różne platformy i urządzenia: małe ikony dla zakładek przeglądarki, średnie ikony dla skrótów pulpitu i pasków zadań oraz duże ikony dla ekranów głównych urządzeń mobilnych i ekranów powitalnych Progressive Web App. Dobrze zaprojektowany favicon wzmacnia rozpoznawalność marki na każdym punkcie kontaktu, w którym użytkownicy wchodzą w interakcję z Twoją witryną.
Krajobraz favikon może być mylący, ponieważ różne przeglądarki, systemy operacyjne i urządzenia oczekują różnych rozmiarów. Oto podział najważniejszych rozmiarów: 16x16 to klasyczna ikona zakładki przeglądarki używana we wszystkich przeglądarkach na komputerze. 32x32 jest używana na wyświetlaczach Retina w zakładkach oraz przez Windows do skrótów na pasku zadań. 48x48 i 64x64 są używane przez Windows do skrótów pulpitu i przypiętych kafelków. 128x128 jest wymagany w listingu Chrome Web Store. 180x180 to Apple Touch Icon używany, gdy użytkownicy iOS zapisują Twoją stronę na ekranie głównym. 192x192 jest używany przez Android Chrome do ikon ekranu głównego. A 512x512 jest używany przez PWAs do ekranów powitalnych i większych kontekstów ikon. Minimum, każda strona powinna mieć favikon PNG 32x32 oraz Apple Touch Icon 180x180.
Aby zapewnić maksymalną kompatybilność, używaj formatu PNG dla wszystkich rozmiarów favikon. PNG obsługuje przezroczystość i jest powszechnie wspierany przez nowoczesne przeglądarki. Tradycyjny format ICO, który łączy wiele rozmiarów w jednym pliku, jest potrzebny tylko dla starszych wersji Internet Explorer. Favikony SVG zyskują na popularności i oferują niezależność od rozdzielczości, ale wsparcie przeglądarek nie jest jeszcze pełne. Tworząc obraz źródłowy, zacznij od kwadratowego obrazu o co najmniej 512x512 pikseli, aby uzyskać najostrzejsze wyniki we wszystkich rozmiarach. Proste, odważne projekty z ograniczonymi detalami działają najlepiej w małych rozmiarach — drobny tekst i skomplikowane wzory stają się nieczytelne przy 16x16 pikselach. Używaj solidnych, rozpoznawalnych kształtów i kontrastowych kolorów. Na koniec zawsze testuj swoje favikony w różnych przeglądarkach i na różnych urządzeniach, aby upewnić się, że wyglądają dobrze wszędzie.