Jak přizpůsobit ikonu Apple Touch vašeho webu
Pokud jste jedním z těch, kteří chtějí sledovat všechny novinky od Apple, určitě jste přidali zkratku. iPadize na domovskou obrazovku iPhone, iPod Touch nebo iPad. A pokud ne, na co čekáte?
Jak přizpůsobit ikonu Favicon Apple Touch
Je nazýván Ikona Apple Touch Můžete jej také přizpůsobit na zařízeních Apple s iOS od verze 1.1.3.
Začněte vytvořením ikony zde: Formát PNG Minimální rozlišení 72 dpi a různé velikosti pro každé zařízení:
- iPhone a iPod Touch: 57 × 57 pixelů
- iPad: 72 × 72 pixelů
- iPhone 4 a novější: 114 × 114 pixelů
Pro jednu osobu Základní nastavení ikony Apple TouchDo kořenového adresáře webu nahrajeme ikonu 57 × 57 s názvem apple-touch-icon.png.
iOS se o sebe postará, aby zaoblil hrany a přidal třpytivé efekty. Od verze iOS 2.0 můžeme tento jas odstranit pomocí názvu souboru apple-touch-icon-precomposed.png.
V iOS 4.2 a novějších verzích můžeme optimalizovat obrazovku na každém zařízení podle rozlišení, které jsme zadali pro různá zařízení. V tomto případě namísto nahrání jediného souboru s názvem apple-touch-icon.png do kořenového adresáře nahrajeme jeden pro každé rozlišení: apple-touch-icon-57 × 57.png, apple-touch-icon-72 × 72.png a apple-touch-icon-114 × 114.png.
Pro odstranit efekt třpytuPřidáme koncovku -precomposed.png k názvu souboru, jak je popsáno výše.
U této metody se nemusíme dotýkat kódu na stránce, ale nalezení zařízení Apple může trvat velmi dlouho a ikona uživatele se ztratí.
Abychom se tomuto problému vyhnuli, náš web
Můžeme provést úplnější konfiguraci Apple Touch Icon přidáním několika řádků kódu do sekce.
Použití Jedna ikona na všech zařízeních, napíšeme: (bez lesku).
Použití vlastní ikony pro různé stránkyZměníme cestu k odpovídajícímu href obrazu. Všimněte si lišty na začátku ikony / name, která označuje, že soubor bude prohledán v kořenovém adresáři webu (Pokud zadáme cestu bez lomítka, bude soubor prohledán ve vlastním adresáři stránky.).
Řádky kódu k definování Různá ikona Apple Touch pro iPhone, iPod Touch a iPad Rozměry budou zahrnovat:
Nyní mohou všichni vaši čtenáři přidat vlastní ikonu vašeho webu na domovskou obrazovku zařízení iOS.
Sdílejte tento článek se svými přáteli pomocí tlačítek, která najdete v horní části nejpopulárnějších sociálních sítí. Děkuji mnohokrát!
