De Apple touch-ikon , även känd som filen apple-touch-icon.webp, används som en webbsidesikon på Apple iPhone, iPod Touch och iPad, ungefär som Favicon. Denna symbol används när en användare bokmärker eller lägger till en webbplats på sin startskärm. Dessa Apple-produkter faller tillbaka till en ögonblicksbild av webbplatsen, som ofta är lite mer än en vit fyrkant om den här filen inte kan hittas.
Såvida inte platsen anges i HTML , bör den här filen vara a.webp med 57 x 57 dimensioner och finnas i hemkatalogen. En illustration av hur taggen kan se ut i din HTML visas nedan.
|_+_|Hur man gör en responsiv webbplatss Apple Touch-ikon?
En Apple Touch-ikon används när en konsument sparar din hemsida till sin iOS-pekskärmsenhets startskärm eller bokmärker den. Apple kommer att använda en skärmdump av din webbplats som en ikon om du inte anger en, vilket ofta resulterar i en oigenkännlig ruta. Vi kommer att visa dig hur du utvecklar en unik Apple Touch-ikon för din användarvänliga webbplats så att du inte tvingar dina kunder att se en underordnad Apple-ikon.
Skapa en Apple Touch-ikon
Din Apple Touch-ikon måste göras i Photoshop eller annan bildredigerare i det inledande skedet. Filen bör sparas som 'apple-touch-icon.webp' och bör vara 180 gånger 180 pixlar stor.
Lägg till din webbplatss Apple Touch-ikonfil.
Nästa steg är att ladda upp ditt Apple Touch Icon-dokument till din webbplats. Du kan lägga den var du vill, men vi rekommenderar att du lagrar den i din primära bildmapp. På grund av att vi kommer att använda den i nästa fas, håll koll på var du lagrade din fil.
Genom att använda ett länkelement, definiera din Apple Touch-ikon.
programmering i c-matriser
Det sista steget är att identifiera och namnge din senaste Apple Touch Icon i ett länkelement som du lägger till i HEAD-elementet på din sida.