[mobile web] 모바일웹 favicon 추가시 참고사항

[mobile web] 모바일웹 favicon 추가시 참고사항

모바일웹에서는 favicon의 사용을 안 하는 경우도 있는데 

모바일 바탕화면에 바로가기 아이콘을 만들거나 할 경우 필요한게 favicon입니다.

그러므로 모바일웹 페이지에는 favicon 설정이 들어가야 합니다. 

기본적으로 안드로이드, 아이폰 계열입니다.

1. favicon

1) 안드로이드 계열의 경우

<link rel="shortcut icon" href="icon.ico" />

ico 사용

사이즈: 128*128

 

2) 아이폰 계열의 경우

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

png 사용

사이즈(아이폰): 57*57 (자동 리사이즈 되므로 114*114 이용해도 됨)

사이즈(아이폰4): 114*114

사이즈(아이패드): 72*7257 (자동 리사이즈 되므로 114*114 이용해도 됨)

 

2. 홈화면에 추가시

1) 안드로이드 계열의 경우

Ico 적용 그대로 사용함

 

2) 아이폰 계열의 경우

<link rel=”apple-touch-startup-image” href=”/startup.png”>

png사용

사이즈(아이폰): 320×460

사이즈(아이폰4): 640×920

사이즈(아이패드): 768×1004 

[mobile web] 모바일웹 favicon 추가시 참고사항