logo

Čo je dotyková ikona Apple?

Čo je dotyková ikona Apple

The Dotyková ikona Apple , tiež známy ako súbor apple-touch-icon.webp, sa používa ako ikona webovej stránky na zariadeniach Apple iPhone, iPod Touch a iPad, podobne ako Favicon. Tento symbol sa používa vždy, keď si používateľ vytvorí záložky alebo pridá webovú stránku na svoju domovskú obrazovku. Tieto produkty Apple spadajú späť do snímky webovej stránky, ktorá je často o niečo viac ako biely štvorec, ak sa tento súbor nedá nájsť.

Pokiaľ nie je umiestnenie zadané v HTML , tento súbor by mal byť a.webp s rozmermi 57 x 57 a mal by byť umiestnený v domovskom adresári. Ilustrácia toho, ako môže táto značka vyzerať vo vašom HTML, je uvedená nižšie.

|_+_|

Ako vytvoriť dotykovú ikonu Apple responzívnej webovej stránky?

Dotyková ikona Apple sa používa, keď si ju spotrebiteľ uloží webovej stránky na domovskú obrazovku zariadenia s dotykovou obrazovkou so systémom iOS alebo si ju uloží ako záložky. Spoločnosť Apple použije snímku obrazovky vášho webu ako ikonu, ak ju nešpecifikujete, čo často vedie k nerozoznateľnému štvorcu. Ukážeme vám, ako vytvoriť jedinečnú Apple Touch Icon pre vašu užívateľsky prívetivú webovú stránku, aby ste nenútili svojich zákazníkov vidieť podpriemernú Apple ikonu.

Vytvorte ikonu Apple Touch

trieda vs objekt v jave

Vaša ikona Apple Touch Icon musí byť v počiatočnej fáze vytvorená vo Photoshope alebo inom editore obrázkov. Súbor by mal byť uložený ako „apple-touch-icon.webp“ a mal by mať veľkosť 180 x 180 pixelov.

Pridajte súbor ikony Apple Touch svojej webovej lokality.

Ďalším krokom je odovzdanie dokumentu Apple Touch Icon na váš web. Môžete ho umiestniť kamkoľvek chcete, odporúčame vám ho však uložiť do primárneho priečinka s obrázkami. Vzhľadom na to, že ho budeme používať v ďalšej fáze, sledujte, kde ste svoj súbor uložili.

reťazec prevodníka na dátum

Použitím prvku prepojenia definujte svoju dotykovú ikonu Apple.

Posledným krokom je identifikovať a pomenovať svoju najnovšiu dotykovú ikonu Apple v prvku odkazu, ktorý pridáte do prvku HEAD na svojej stránke.