그만큼 애플 터치 아이콘 apple-touch-icon.webp 파일로도 알려져 있는 는 Favicon과 마찬가지로 Apple iPhone, iPod Touch 및 iPad에서 웹 페이지 아이콘으로 사용됩니다. 이 기호는 사용자가 홈 화면에 웹사이트를 북마크하거나 추가할 때마다 활용됩니다. 이러한 Apple 제품은 웹 사이트의 스냅샷으로 대체되며, 이 파일을 찾을 수 없는 경우 이는 흰색 사각형에 불과한 경우가 많습니다.
HTML에 위치가 제공되지 않는 한 이 파일은 57 x 57 크기의 a.webp여야 하며 홈 디렉토리에 있어야 합니다. HTML에서 이 태그가 표시되는 방식에 대한 그림이 아래에 나와 있습니다.
|_+_|반응형 웹사이트의 Apple Touch 아이콘을 만드는 방법은 무엇입니까?
소비자가 저장할 때 Apple Touch 아이콘이 활용됩니다. 웹사이트 iOS 터치 스크린 기기의 홈 화면에 추가하거나 북마크에 추가하세요. Apple은 웹 사이트를 지정하지 않은 경우 웹 사이트의 스크린샷을 아이콘으로 사용하므로 인식할 수 없는 사각형이 나타나는 경우가 많습니다. 고객에게 수준 이하의 Apple 아이콘을 보도록 강요하지 않도록 사용자 친화적인 웹사이트를 위한 고유한 Apple 터치 아이콘을 개발하는 방법을 보여 드리겠습니다.
Apple Touch 아이콘 만들기
Apple Touch 아이콘은 초기 단계에서 Photoshop이나 다른 이미지 편집기로 만들어야 합니다. 파일은 'apple-touch-icon.webp'로 저장되어야 하며 크기는 180 x 180 픽셀이어야 합니다.
웹사이트의 Apple Touch 아이콘 파일을 추가하세요.
다음 단계는 Apple Touch 아이콘 문서를 웹 사이트에 업로드하는 것입니다. 원하는 곳에 넣을 수 있지만 기본 사진 폴더에 저장하는 것이 좋습니다. 다음 단계에서 이 파일을 사용할 예정이므로 파일을 저장한 위치를 계속 추적하세요.
링크 요소를 활용하여 Apple Touch 아이콘을 정의하세요.
strsep
마지막 단계는 페이지의 HEAD 요소에 추가하는 링크 요소에서 최신 Apple Touch 아이콘을 식별하고 이름을 지정하는 것입니다.