Dostajesz favicon.ico, rozmiary PNG, ikonę Apple touch, ikony Androida i maskowalne, manifest webowy i HTML do wklejenia, wszystko w jednym .zip. Stwórz kompletny zestaw ikon dla swojej strony z litery lub obrazu. Jest darmowe i prywatne.
Jak zrobić faviconę
- W sekcji Zacznij od wybierz List lub Obraz. Dla obrazu naciśnij Wybierz obraz.
- Dla litery wpisz swoje Litery i wybierz Grubość, Czcionkę, Kolor tekstu, Styl i Tło.
- Wybierz Kształt: Kwadrat, Zaokrąglony lub Koło. Dostosuj Odstęp wewnętrzny albo zachowaj przezroczyste tło.
- W sekcji Twoja strona dodaj Nazwę strony lub aplikacji, Krótką nazwę i Folder ikon.
- Sprawdź Podgląd, który pokazuje ikonę na karcie przeglądarki, w wynikach wyszukiwania i na telefonie.
- Naciśnij Kopiuj HTML, aby otrzymać kod do wklejenia na stronę, i Pobierz wszystko (.zip), aby otrzymać pliki.
Do czego służy każdy plik
favicon.ico zawiera wersje 16, 32 i 48 pikseli w jednym pliku i działa w każdej przeglądarce, także starych. Favicony PNG dają nowoczesnym przeglądarkom ostrą ikonę karty. apple-touch-icon.png jest używany, gdy ktoś dodaje Twoją stronę do ekranu głównego iPhone'a lub iPada, a ikony Androida oraz site.webmanifest są używane, gdy strona jest instalowana na Androidzie lub jako aplikacja.
Czym jest maskowalna ikona?
Android przycina ikony aplikacji do kół, zaokrąglonych kwadratów lub kwadratów z zaokrąglonymi rogami, zależnie od telefonu. Maskowalna ikona wypełnia cały kwadrat kolorem tła i trzyma logo w środkowych 80%, więc nic ważnego nie zostaje ucięte, jakiegokolwiek kształtu używa telefon.
Wskazówki dla czytelnej favicony
Przy 16 pikselach szczegóły znikają. Pogrubiona litera, prosty znak lub najbardziej rozpoznawalna część logo działa lepiej niż pełne logo ze słowami. Silny kontrast między znakiem a tłem pomaga wyróżnić się wśród innych kart, zarówno w jasnych, jak i ciemnych motywach przeglądarki.
Dodawanie ikon do strony
- Rozpakuj pliki i wgraj je do folderu nazwanego w sekcji Folder ikon, zwykle na najwyższym poziomie Twojej strony.
- Wklej skopiowany HTML w sekcji head każdej strony.
- Odśwież stronę i wyczyść pamięć podręczną przeglądarki, jeśli nadal pokazuje się stara ikona. Przeglądarki długo przechowują favicony.
- Zacznij od kwadratowego obrazu o szerokości co najmniej 512 pikseli, aby każdy rozmiar wyglądał ostro.
Kto z tego korzysta
Właściciele małych firm z nową stroną, freelancerzy budujący strony dla klientów, blogerzy i uczniowie publikujący projekt online. Aby najpierw zmienić rozmiar lub skonwertować logo, wypróbuj konwerter obrazów.
Pytania
Czy mój obraz jest przesyłany?
Nie. Ikony powstają w Twojej przeglądarce.
Jakich formatów obrazów mogę użyć?
PNG, JPG, SVG i WebP.
Dlaczego nadal widzę starego favicona?
Przeglądarki długo przechowują favicony w pamięci podręcznej. Wyczyść pamięć podręczną albo otwórz stronę w oknie prywatnym, aby sprawdzić.