Re: android 바탕 화면 아이콘 자동 추가
본문
<!-- 모바일용 바탕화면 바로가기 아이콘 택없음 -->
<link href="/mobile/image/shortcut_apple.png" rel="apple-touch-icon-precomposed"></link><!-- 모바일용 바탕화면 바로가기 아이콘(IOS)114*114 -->
<link href="/mobile/image/shortcut_apple.png" rel="apple-touch-icon"></link>
<!-- 모바일용 바탕화면 바로가기 아이콘(Android) -->
<link href="/mobile/image/favicon.png" rel="shortcut icon"></link>
<!-- 스타일업 이미지 640*920(4), 640*1138(5) -->
<link href="/mobile/image/favicon.png" rel="apple-touch-startup-image"></link>
<script type="text/javascript">
// 접속 핸드폰 정보
var userAgent = navigator.userAgent.toLowerCase();
// 모바일 홈페이지 바로가기 링크 생성
if(userAgent.match('iphone')) {
document.write('<link href="/mobile/image/shortcut_apple.png" rel="apple-touch-icon">')
} else if(userAgent.match('ipad')) { // sizes="72*72"
document.write('<link href="/mobile/image/shortcut_apple-ipad.png" rel="apple-touch-icon" >')
} else if(userAgent.match('ipod')) {
document.write('<link href="/mobile/image/shortcut_apple.png" rel="apple-touch-icon">')
} else if(userAgent.match('android')) {
document.write('<link href="/mobile/image/favicon.ico" rel="shortcut icon">')
} else {
document.write('<link href="/mobile/image/favicon.ico" rel="shortcut icon">')
}
</script>
[홈 화면 아이콘] - 기본설정
아이폰의 경우 웹 페이지를 앱처럼처럼 홈 화면에 바로가기를 추가할 수 있습니다.
단순히 아이콘만 설정 가능한 것이 아니라 아이폰의 홈 화면 아이콘들의 공통점인 라운드 박스 효과는
기본적으로 적용되고, 반사광 효과의 적용 유무를 추가로 선택이 가능합니다.
// 반사광 효과를 주는 경우
<link rel="apple-touch-icon" href="../images/icon.png" />
// 반사광 효과가 없는 경우
<link rel="apple-touch-icon-precomposed" href="../images/icon.png" />
apple-touch-icon.png / apple-touch-icon-precomposed.png 의 파일명으로 도메인의 최상위 경로에 올려두면
위의 link 태그를 적용하지 않아도 홈 화면에 추가시 아이콘이 적용됩니다.
기기별 홈 아이콘 이미지 사이즈
: 아이폰3G, 아이폰3GS [ 사이즈: 57*57 ]
: 아이패드 [ 사이즈: 72*72 ]
: 아이폰 4 [ 사이즈: 114*114 ]
홈 아이콘 작업시 주의사항!!
- 이미지는 네모 : 사파리 브라우저에서 홈 아이콘 등록시 기본으로 라운드 박스 효과 적용됩니다.
- 라운드 박스 작업 No : 이미지를 라운드 박스로 작업할 경우 홈아이콘 추가시 깨져보임니다.
- 반사광 없이 작업 : 기본으로 반사광이 들어가며, 반사광 여부를 설정할 수 있습니다.
- 이미지는 png로 저장!!
관련자료
http://playgroundblog.tistory.com/11
http://okky.kr/article/164642
댓글목록
등록된 댓글이 없습니다.
