[HTML] 모바일 홈페이지 바로가기 아이콘

너무 헤매던 부분이라.. 이것저것 테스트 해봤다.

간단히 하는 방법은..


57x57 사이즈 png 파일(아이콘)을 만들고..

물론 기기마다 다를 순 있으나, 여기서 테스트한건 아이폰3,4 , 갤럭시S2 이다.

(이미지가 깨질시에는 96x96, 120x120 으로 테스트 해보고)


<link rel="apple-touch-icon" href="아이콘 아미지 경로" />

<link rel="shortcut icon" href="아이콘 아미지 경로" />


위에 부분은 아이폰 부분

아래 부분은 안드로이드 부분이다.


아이폰 같은 경우

apple-touch-icon 로 파일명을 하면(예를 들어 apple-touch-icon.png) 아이폰 기본의 이펙트가 추가되며

apple-touch-icon-precomposed 로 파일명을 할 경우 이미지 그대로 들어간다.


실제로 만들어 테스트 한 부분이라, 위에 명시한 3종의 기기에는 무리가 없다.