iPhone 또는 iPad의 웹 페이지 아이콘의 경우 Apple Touch Icon 또는 apple-touch-icon.png 파일을 사용합니다. 이 아이콘은 누군가 귀하의 웹페이지를 책갈피로 추가할 때 사용됩니다.
iPhone 또는 iPad와 같이 기기 해상도가 다른 여러 아이콘의 경우 다음과 같이 각 링크 요소에 크기 속성을 추가합니다. -
<link rel = "apple-touch-icon" href = "touch-icon-iphone.png">
크기 설정
<link rel = "apple-touch-icon" sizes = "160x160" href = "touch-icon-ipad.png"> <link rel = "apple-touch-icon" sizes = "170x170" href = "touch-icon-iphone-retina.png"> <link rel = "apple-touch-icon" sizes = "180x180" href = "touch-icon-ipad-retina.png">
기기에 적합한 크기의 아이콘을 사용합니다.