아이폰 웹앱 아이콘 설정하기

1 개요

아이폰 웹앱 홈 화면 아이콘 설정하기

아이폰 웹앱 아이콘 설정하기

• 홈 화면 아이콘? '홈 화면에 추가'를 누를 때 그 사이트의 아이콘이 되는 아이콘이다.
• 한마디로 '웹앱 아이콘'이라 할 수 있다.
• 아이폰의 경우 57 x 57 픽셀, 아이패드의 경우 72 x 72 픽셀 크기이다.

2 방법 1

<link rel="apple-touch-icon" href="그림파일" />

예시

<link rel="apple-touch-icon" href="/img/my_app_icon.png" />

3 방법 2

• 위와 같이 HTML 문서에 명시적으로 설정하지 않아도 적용할 수 있는 방법이 있다.
• 사이트의 루트 폴더에 apple-touch-icon.png 이라는 이름으로 png 그림 파일을 올려두는 것이다.
• Xcode에서 아이폰 네이티브 앱을 만들 때도 icon.png만 넣으면 별다른 설정 없이 앱 아이콘으로 적용되는데 그것과 비슷하다고 할 수 있다.

4 같이 보기

• 아이폰 웹앱 시작 화면 설정하기