스마트폰 즐겨찾기 아이콘 웹설정 방법및 각 폰 설정방법

Written by Inshane  – CEnA

불펌은 환영하나 출처는 밝혀주세요.

아이콘 파일은 PNG로 저장하며, 사이즈는 다음과 같다.

1. 아이폰4 : 권장사이즈 114*114

2. 아이폰3GS : 권장사이즈 57*57 (114*114로 그냥 써도 무방한것 같다.)

3. 안드로이드 : 권장사이즈 72*72

이렇게 생성된 png파일이 각각 iphone.png, android.png 일때 소스코드상에서는 다음과 같이 설정한다.

태그내에 다음 라인을 추가한다.

//아이폰인경우

//안드로이드인 경우

일반적인 shortcut icon(favicon)은 웹과 달리 제대로 지원되지는 않는다. 

## 각 스마트폰에서 아이콘을 홈화면(대기화면)에 빼내기 ##

아이폰에서 웹사이트 하단의 기본 메뉴바중  + 표시를 누른후 “홈화면에 추가” 를 눌러주면 위에서 설정한 아이콘이 홈화면의 아이콘으로 사용되게 된다.

안드로이드는 즐겨찾기에 추가후 추가된 아이콘을 길게 눌러주면 나오는 메뉴중 “대기화면에 단축메뉴 추가” 를 눌러주면 위에서 설정한 아이콘이 홈화면의 아이콘으로 사용되게 된다.