검색결과 리스트
글
아이폰의 경우 사파리에서 웹 사이트를 홈화면(=바탕화면)에 추가 할수 있다.
웹 앱의 경우 홈버튼에 추가된 형태로 이용되어지도록 의도되어 많이 개발되기도 한다.
저렇게 아이콘이 나오게되는데, 그러면 홈화면에 저 아이콘이 해당 웹앱의 모양으로 추가된다.
방법은..
<link rel="apple-touch-icon" href="Sample.png">
저번에 알아보았던 파비콘과 달리 png파일을 이용할수 있다.
참고로 아이폰3GS의 경우 57X57 사이즈를 앱 아이콘으로 이용하며
아이폰4, 아이폰4S에서는 114X114(retina)크기로 제작하면 된다.
그리고 곧 출시될 아이폰5에서는 double retina display로 228X228로 하면될거같네요.
*iOS에서 바로가기 아이콘의 경우 기본적으로 위에서 부터 아래로 선명도를 달리하여 광택효과를 주게 되는데 만약 이 효과를 금지하려면 rel에 apple-touch-icon 대신 apple-icon-precomposed 를 설정하면 됩니다.
'Mobile 이야기' 카테고리의 다른 글
앱? 웹,하이브리드 앱,네이티브 앱? 그게 뭐야?? (0) | 2012.12.18 |
---|---|
랜더링 사이즈 조절하기.(meta viewport 태그) (0) | 2012.12.18 |
RECENT COMMENT