본문 바로가기

html5

모바일웹 홈화면 추가 아이콘 변경

모바일 기기에서 브라우저를 쓰실 때 보면 자주 가는 사이트는 홈화면에 추가해서 사용을 하는데요

이 홈화면에 추가 했을 경우 아이콘 변경하는법을 알려드리겠습니다

head 태그에 추가해주시면 됩니다.


아이폰

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

 

안드로이드

<link rel="shortcut icon" href="아이콘 이미지 주소" />



권장 이미지 사이즈


아이폰
180 X 180

안드로이드
192 X 192



감사합니다