inlinetoc

애플의 iOS의 경우 사파리에서 웹페이지의 링크를 바탕화면에 만들면 앱 아이콘이 만들어지는데 이것을 지정할 수 있다. 다음과 같이 한다.

PNG 이지만, 투명도를 지원하지 않는다.

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">

크기에 따라 여러 개를 설정하면, 가장 알맞는 것을 찾아 쓴다. 필요한 크기의 아이콘이 없으면, 그보다 작은 것 중 제일 큰 것을 사용한다. 작은 것이 없으면, 가장 큰 것을 쓴다.

참고

도쿠위키 템플릿에서는 tpl_favicon함수를 이용하여 간단히 설정할 수 있다.

<?php echo tpl_favicon(array('favicon', 'mobile')) ?>

미디어 폴더 최상위에 favicon.ico, apple-touch-icon.png 파일을 올리면 된다.