아이콘 등록하기

 

모바일에서 아이콘을 표현하기 위한 방법 size가 지정되지 않은 아이콘은 자동으로 구형기기에만 인식되고, 사이즈 60x60이다. 아이패드는 76x76, 아이폰 레티나는 120x120, 아이패드 레티나는 152x152

 

//ios 아이콘 등록

<link rel ="apple-touch-icon" href="assets/ico/icon_60.png">

<link rel ="apple-touch-icon" sizes="76x76" href="assets/ico/icon_76.png"> //ipad

<link rel ="apple-touch-icon" sizes="120x120" href="assets/ico/icon_120.png"> //iphone retina

<link rel ="apple-touch-icon" sizes="152x152" href="assets/ico/icon_152.png"> //ipad retina

 

rel 속성중에-precomposed가 붙어있으며, ios7이전 버젼에는 아이콘 광택이 추가 되었다. 광택을 방지하기 위해서 쓰였던 속성이다.

//구형 ios 및 안드로이드

<link rel="apple-touch-icon-precomposed.png" href="../assets/ico/icon_60.png">