The Apple touch ikona , također poznata kao datoteka apple-touch-icon.webp, koristi se kao ikona web stranice na Apple iPhoneu, iPod Touchu i iPadu, slično Faviconu. Ovaj se simbol koristi kad god korisnik označi ili doda web stranicu na svoj početni zaslon. Ovi Appleovi proizvodi vraćaju se na snimku web stranice, koja je često malo veća od bijelog kvadrata ako se ova datoteka ne može pronaći.
Osim ako lokacija nije navedena u HTML-u, ova bi datoteka trebala biti a.webp s dimenzijama 57 x 57 i nalaziti se u početnom direktoriju. Dolje je prikazana ilustracija načina na koji ova oznaka može izgledati u vašem HTML-u.
|_+_|Kako napraviti responzivnu Apple Touch ikonu web stranice?
Ikona Apple Touch koristi se kada kupac spremi vaš web stranica na početni zaslon svog iOS uređaja s dodirnim zaslonom ili ga označi. Apple će koristiti snimku zaslona vaše web stranice kao ikonu ako je ne navedete, što često rezultira neprepoznatljivim kvadratom. Pokazat ćemo vam kako razviti jedinstvenu ikonu Apple Touch za svoju web-stranicu prilagođenu korisniku tako da ne prisiljavate svoje kupce da vide lošiju Apple ikonu.
Napravite Apple Touch ikonu
Vaša ikona Apple Touch mora biti napravljena u Photoshopu ili drugom uređivaču slika u početnoj fazi. Datoteka bi trebala biti spremljena kao 'apple-touch-icon.webp' i trebala bi biti veličine 180 x 180 piksela.
Dodajte datoteku ikone Apple Touch svoje web stranice.
Sljedeći korak je učitavanje vašeg Apple Touch Icon dokumenta na vaše web mjesto. Možete ga staviti gdje god želite, međutim, savjetujemo da ga pohranite u svoju primarnu mapu slika. Zbog činjenice da ćemo ga koristiti u sljedećoj fazi, pratite gdje ste pohranili svoju datoteku.
Korištenjem elementa veze definirajte svoju ikonu Apple Touch.
Posljednji korak je identificiranje i imenovanje vaše najnovije ikone Apple Touch u elementu veze koji dodajete elementu HEAD svoje stranice.