아이폰의 경우 사파리에서 웹 사이트를 홈화면(=바탕화면)에 추가 할수 있다.


웹 앱의 경우 홈버튼에 추가된 형태로 이용되어지도록 의도되어 많이 개발되기도 한다.


home2.pnghome1.png  


저렇게 아이콘이 나오게되는데, 그러면 홈화면에 저 아이콘이 해당 웹앱의 모양으로 추가된다.


방법은..


<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 를 설정하면 됩니다.