De Apple berøringsikon , også kjent som apple-touch-icon.webp-filen, brukes som et websideikon på Apple iPhone, iPod Touch og iPad, omtrent som Favicon. Dette symbolet brukes når en bruker bokmerker eller legger til et nettsted på startskjermen. Disse Apple-produktene faller tilbake til et øyeblikksbilde av nettstedet, som ofte er litt mer enn en hvit firkant hvis denne filen ikke kan finnes.
Med mindre plasseringen er oppgitt i HTML, bør denne filen være a.webp med 57 x 57 dimensjoner og ligge i hjemmekatalogen. En illustrasjon av hvordan denne taggen kan se ut i HTML-koden din, vises nedenfor.
|_+_|Hvordan lage et responsivt nettsteds Apple Touch-ikon?
Et Apple Touch-ikon brukes når en forbruker lagrer din nettsted til iOS-berøringsskjermens startskjerm eller bokmerker den. Apple vil bruke et skjermbilde av nettstedet ditt som et ikon hvis du ikke spesifiserer et, noe som ofte resulterer i en ugjenkjennelig firkant. Vi vil vise deg hvordan du utvikler et unikt Apple Touch-ikon for ditt brukervennlige nettsted, slik at du ikke tvinger kundene dine til å se et Apple-ikon som ikke er like.
Lag et Apple Touch-ikon
Apple Touch-ikonet ditt må lages i Photoshop eller et annet bilderedigeringsprogram i den innledende fasen. Filen skal lagres som 'apple-touch-icon.webp' og bør være 180 x 180 piksler i størrelse.
Legg til nettstedets Apple Touch-ikonfil.
Det neste trinnet er å laste opp Apple Touch Icon-dokumentet til nettstedet ditt. Du kan legge den hvor du vil, men vi anbefaler at du lagrer den i din primære bildemappe. På grunn av det faktum at vi skal bruke den i neste fase, hold styr på hvor du lagret filen din.
Ved å bruke et koblingselement, definer ditt Apple Touch-ikon.
Det siste trinnet er å identifisere og navngi det nyeste Apple Touch-ikonet i et lenkeelement som du legger til HEAD-elementet på siden din.