[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 추가시 참고사항
'programming > mobile web' 카테고리의 다른 글
| [mobile web] jquery mobile a tag hover 흉내내기 (0) | 2013.02.20 |
|---|---|
| [mobile web] jquery mobile에서 a tag에 유사 클래스 사용하기 (0) | 2012.11.02 |
| [mobile web] hash change 게시판 (0) | 2012.11.01 |
| [mobile web] Hash change의 GET, POST 방식 (0) | 2012.10.30 |
| [mobile web] 모바일웹 jquery mobile hash change 적용 게시판 (1) | 2012.10.26 |