Pakiet favicon jest łatwy do niedoceniania. Wiele osób myśli o tym jak o jednym małym obrazku na karcie przeglądarki, ale nowoczesna witryna zwykle potrzebuje niewielkiego zestawu powiązanych zasobów. Ikona karty przeglądarki to tylko jedna powierzchnia. Skróty mobilne, ikony Androida, ikony Apple Touch i odniesienia do manifestu mogą wymagać własnych plików.
Praktycznym celem nie jest zebranie wszystkich możliwych wariantów ikon. Celem jest dostarczenie ukierunkowanego pakietu, który obejmuje typowe przeglądarki i aplikacje, bez przekształcania przygotowań do uruchomienia w ręczne prace eksportowe. Generator ikon Favicon / aplikacji w Converty opiera się na tym zadaniu: zacznij od jednego kwadratowego obrazu i pobierz pakiet zawierający wspólne pliki.
Podstawowy plik jest nadal favicon.ico
favicon.ico pozostaje najbardziej znanym plikiem favikon. Jest to zasób, którego ludzie oczekują w związku z kartami przeglądarki, zakładkami i starszymi konwencjami favikon.
Nawet jeśli witryna zawiera także ikony PNG i manifest internetowy, favicon.ico jest nadal przydatny, ponieważ obejmuje tradycyjną ścieżkę zrozumiałą dla wielu przeglądarek i narzędzi. W przypadku prostej witryny często jest to pierwszy plik, który ktoś sprawdza, gdy ikona karty nie wygląda prawidłowo.
Ikony PNG pokrywają nowoczesne powierzchnie
Nowoczesne pakiety ikon zwykle zawierają pliki PNG w różnych rozmiarach. Różne przeglądarki, skróty i konteksty wyświetlania mogą używać różnych wymiarów. Eksportowanie tylko jednego rozmiaru może spowodować, że przeglądarka lub urządzenie przeskaluje obraz, co może sprawić, że małe ikony będą wyglądać na miękkie lub zatłoczone.
Dlatego też grafika źródłowa ma znaczenie. Kwadratowy, prosty i czytelny obraz daje lepsze rezultaty w całym opakowaniu niż szczegółowa grafika wciśnięta w kilka rozmiarów. Converty nie może zamienić złożonego logo w idealny mały znak, ale może wyeliminować powtarzalną pracę eksportową, gdy masz odpowiednie źródło.
Ikony Apple Touch i Androida obsługują różne powierzchnie
Ikony Apple Touch są używane na powierzchniach skrótów urządzenia Apple. Ikony gotowe na system Android obsługują powiązane przypadki użycia instalacji i skrótów na powierzchniach zorientowanych na system Android.
Pliki te łatwo zapomnieć, ponieważ nie zawsze są widoczne podczas normalnego sprawdzania przeglądarki na komputerze. Witryna może wyglądać dobrze na karcie, ale nadal będzie brakować istotnych zasobów, gdy ktoś zapisze ją na ekranie głównym urządzenia. Kompletny pakiet sprawia, że jest to mniej prawdopodobne.
Jeśli decydujesz, czy ikona Apple Touch jest oddzielona od ikony ulubionych, przeczytaj artykuł Apple Touch Icon a Favicon: Co powinna zawierać nowoczesna witryna?.
Manifest łączy ze sobą powierzchnie podobne do aplikacji
Starter site.webmanifest zapewnia aplikacji internetowej lub witrynie miejsce na opisanie ikon i powiązanych metadanych wyświetlanych. Nie zastępuje samych plików ikon. Wskazuje na nie, aby kompatybilne powierzchnie mogły zrozumieć, jakie zasoby są dostępne.
Dlatego Converty zawiera w pakiecie manifest startowy. Wygenerowany plik stanowi praktyczny punkt wyjścia, ale nadal musisz umieścić zasoby w projekcie i odwoływać się do nich w ustawieniach witryny.
Praktyczna lista kontrolna pakietu favicon
Skoncentrowany pakiet favicon powinien zwykle zawierać:
favicon.ico- wiele rozmiarów ikon PNG
- Wyjście ikony Apple Touch
- Wyjście ikon gotowe na Androida
- starter
site.webmanifest
To wystarczy w przypadku wielu małych witryn, uruchomień SaaS, stron marketingowych i projektów dokumentacji. Bardziej wyspecjalizowane konfiguracje mogą wymagać dodatkowych zasobów specyficznych dla platformy, ale wspólny pakiet eliminuje rutynową pracę.
Otwórz Generator ikon Favicon / aplikacji, jeśli masz jeden kwadratowy obraz źródłowy i potrzebujesz wspólnych plików pakietu Favicon zebranych w jednym eksporcie. Aby zapoznać się z szerszym opisem pracy, przeczytaj artykuł Jak wygenerować kompletny pakiet Favicon z jednego obrazu.
