Det Apple touch-ikon , også kendt som filen apple-touch-icon.webp, bruges som et websideikon på Apple iPhone, iPod Touch og iPad, ligesom Favicon. Dette symbol bruges, når en bruger bogmærker eller tilføjer et websted til deres startskærm. Disse Apple-produkter falder tilbage til et øjebliksbillede af webstedet, som ofte er lidt mere end en hvid firkant, hvis denne fil ikke kan findes.
Medmindre placeringen er angivet i HTML, skal denne fil være a.webp med 57 gange 57 dimensioner og være placeret i hjemmemappen. En illustration af, hvordan dette tag kan se ud i din HTML, er vist nedenfor.
|_+_|Hvordan laver man et responsivt websteds Apple Touch-ikon?
Et Apple Touch-ikon bruges, når en forbruger gemmer din internet side til deres iOS-berøringsskærmens startskærm eller bogmærker den. Apple vil bruge et skærmbillede af dit websted som et ikon, hvis du ikke angiver et, hvilket ofte resulterer i en uigenkendelig firkant. Vi viser dig, hvordan du udvikler et unikt Apple Touch-ikon til din brugervenlige hjemmeside, så du ikke tvinger dine kunder til at se et underordnet Apple-ikon.
Lav et Apple Touch-ikon
Dit Apple Touch-ikon skal laves i Photoshop eller et andet billedredigeringsprogram i den indledende fase. Filen skal gemmes som 'apple-touch-icon.webp' og skal være 180 gange 180 pixels stor.
Tilføj dit websteds Apple Touch-ikonfil.
Det næste trin er at uploade dit Apple Touch Icon-dokument til dit websted. Du kan placere den hvor som helst du vil, men vi anbefaler at gemme den i din primære billedmappe. På grund af det faktum, at vi vil bruge det i næste fase, skal du holde styr på, hvor du har gemt din fil.
Ved at bruge et linkelement skal du definere dit Apple Touch-ikon.
Det sidste trin er at identificere og navngive dit seneste Apple Touch Icon i et linkelement, som du tilføjer til HEAD-elementet på din side.