iPhone 홈 화면에 별도 아이콘이 필요한 이유
저장된 웹사이트 아이콘은 탭의 ICO를 확대한 것과 다릅니다. 전용 이미지를 준비하세요.
PNG 내보내기
원본에서 정사각형 PNG를 만드세요. 180×180은 iPhone의 일반적인 시작점입니다. 대상 기기의 Apple 문서를 확인하고 배경과 여백을 설계하세요.
터치 아이콘 선언
rel="apple-touch-icon"을 공개 PNG 주소로 연결하세요. 예시를 조정하고 CMS 최종 HTML의 중복 선언과 잘못된 경로를 확인합니다.
새로 추가해 테스트
기존 테스트 바로 가기를 지운 뒤 실제 기기에서 다시 추가하세요. IcoJet은 ICO를 출력합니다. 터치 PNG는 이미지 편집기에서 별도로 만드세요.
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">출처와 참고 자료
Apple — Web Clip icons ↗MDN — link ↗