The Apple dotyková ikona , také známý jako soubor apple-touch-icon.webp, se používá jako ikona webové stránky na zařízeních Apple iPhone, iPod Touch a iPad, podobně jako Favicon. Tento symbol se používá vždy, když si uživatel vytvoří záložku nebo přidá webovou stránku na svou domovskou obrazovku. Tyto produkty Apple spadají zpět do snímku webu, který je často o něco více než bílý čtverec, pokud tento soubor nelze najít.
Pokud není umístění uvedeno v HTML , tento soubor by měl být a.webp s rozměry 57 x 57 a měl by být umístěn v domovském adresáři. Níže je uvedena ilustrace toho, jak může tato značka vypadat ve vašem HTML.
|_+_|Jak vytvořit dotykovou ikonu Apple responzivního webu?
Dotyková ikona Apple se používá, když spotřebitel uloží váš webová stránka na domovskou obrazovku zařízení s dotykovou obrazovkou iOS nebo si je uloží do záložek. Apple použije snímek obrazovky vašeho webu jako ikonu, pokud ji neurčíte, což často vede k nerozpoznatelnému čtverci. Ukážeme vám, jak vytvořit unikátní Apple Touch Icon pro váš uživatelsky přívětivý web, abyste své zákazníky nenutili vidět podprůměrnou Apple ikonu.
Vytvořte ikonu Apple Touch
Vaše Apple Touch Icon musí být v počáteční fázi vytvořena ve Photoshopu nebo jiném editoru obrázků. Soubor by měl být uložen jako 'apple-touch-icon.webp' a měl by mít velikost 180 x 180 pixelů.
Přidejte soubor ikony Apple Touch svého webu.
Dalším krokem je nahrání dokumentu Apple Touch Icon na váš web. Můžete jej umístit kamkoli chcete, doporučujeme však uložit jej do primární složky obrázků. Vzhledem k tomu, že jej budeme používat v další fázi, sledujte, kde jste svůj soubor uložili.
Pomocí prvku odkazu definujte svou dotykovou ikonu Apple.
včetně programování c
Posledním krokem je identifikovat a pojmenovat svou nejnovější ikonu Apple Touch v prvku odkazu, který přidáte do prvku HEAD na své stránce.