De Apple-aanraakpictogram , ook bekend als het apple-touch-icon.webp-bestand, wordt gebruikt als webpaginapictogram op de Apple iPhone, iPod Touch en iPad, net als de Favicon. Dit symbool wordt gebruikt wanneer een gebruiker een bladwijzer maakt of een website aan zijn startscherm toevoegt. Deze Apple-producten vallen terug op een momentopname van de website, die vaak niet meer is dan een wit vierkantje als dit bestand niet kan worden gevonden.
Tenzij de locatie in de HTML wordt opgegeven, moet dit bestand een.webp zijn met afmetingen van 57 bij 57 en zich in de homedirectory bevinden. Hieronder ziet u een illustratie van hoe deze tag er in uw HTML uit kan zien.
c++ splitsreeks|_+_|
Hoe maak je een Apple Touch-pictogram van een responsieve website?
Er wordt een Apple Touch-pictogram gebruikt wanneer een consument uw account opslaat website naar het startscherm van hun iOS-aanraakscherm of maakt er een bladwijzer van. Apple gebruikt een screenshot van uw website als pictogram als u er geen opgeeft, wat vaak resulteert in een onherkenbaar vierkant. We laten u zien hoe u een uniek Apple Touch-pictogram voor uw gebruiksvriendelijke website kunt ontwikkelen, zodat u uw klanten niet dwingt een ondermaats Apple-pictogram te zien.
Maak een Apple Touch-pictogram
Uw Apple Touch Icon moet in de beginfase in Photoshop of een andere afbeeldingseditor worden gemaakt. Het bestand moet worden opgeslagen als 'apple-touch-icon.webp' en moet 180 bij 180 pixels groot zijn.
Voeg het Apple Touch-pictogrambestand van uw website toe.
De volgende stap is het uploaden van uw Apple Touch Icon-document naar uw website. U kunt het plaatsen waar u maar wilt, maar wij raden u aan het in uw primaire afbeeldingenmap op te slaan. Omdat we het in de volgende fase gaan gebruiken, houd je bij waar je je bestand hebt opgeslagen.
Door een Link Element te gebruiken, definieert u uw Apple Touch-pictogram.
De laatste stap is het identificeren en benoemen van uw nieuwste Apple Touch-pictogram in een linkelement dat u toevoegt aan het HEAD-element van uw pagina.