The Apple touch ikona , znana tudi kot datoteka apple-touch-icon.webp, se uporablja kot ikona spletne strani na napravah Apple iPhone, iPod Touch in iPad, podobno kot Favicon. Ta simbol se uporabi vsakič, ko uporabnik zaznamuje ali doda spletno mesto na svoj začetni zaslon. Ti Applovi izdelki se vrnejo k posnetku spletnega mesta, ki je pogosto malo več kot bel kvadrat, če te datoteke ni mogoče najti.
Razen če lokacija ni navedena v HTML-ju, mora biti ta datoteka a.webp z dimenzijami 57 krat 57 in se nahajati v domačem imeniku. Spodaj je prikazana ilustracija, kako lahko ta oznaka izgleda v vašem HTML-ju.
|_+_|Kako narediti odzivno spletno stran Apple Touch Icon?
Ikona Apple Touch se uporabi, ko potrošnik shrani vašo Spletna stran na domači zaslon svoje naprave iOS z zaslonom na dotik ali ga doda med zaznamke. Apple bo uporabil posnetek zaslona vašega spletnega mesta kot ikono, če je ne določite, kar pogosto povzroči neprepoznaven kvadrat. Pokazali vam bomo, kako razviti edinstveno ikono Apple Touch za vaše uporabniku prijazno spletno mesto, tako da ne boste silili svojih strank, da vidijo slabšo ikono Apple.
Naredite ikono Apple Touch
Vaša ikona Apple Touch mora biti v začetni fazi izdelana v Photoshopu ali drugem urejevalniku slik. Datoteka mora biti shranjena kot 'apple-touch-icon.webp' in mora biti velika 180 x 180 slikovnih pik.
Dodajte datoteko z ikonami Apple Touch svojega spletnega mesta.
Naslednji korak je nalaganje dokumenta Apple Touch Icon na vaše spletno mesto. Lahko ga postavite kamor koli želite, vendar vam svetujemo, da ga shranite v svojo primarno mapo s slikami. Ker jo bomo uporabljali v naslednji fazi, spremljajte, kje ste shranili datoteko.
Z uporabo elementa povezave določite svojo ikono Apple Touch.
Zadnji korak je prepoznavanje in poimenovanje vaše najnovejše ikone Apple Touch v elementu povezave, ki ga dodate elementu HEAD vaše strani.