웹 사이트에 Apple Icon 추가하기

Question

나는 Woorank로 내 사이트를 테스트했으며 Apple 아이콘이 누락되었다는 경고 메시지를 보여줍니다.

내가 검색 한하지만이 아이콘을 포함하는 방법을 잘 모르겠어요, 제가 표준 파비콘의 같은 방법으로 머리에이 라인을 포함해야이 코드

<link rel="apple-touch-icon-precomposed" href="apple-touch-iphone.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-ipad.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-iphone4.png" /> 
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-ipad-retina.png" /> 

을 발견했다?

Answer 1

"사과 터치 iphone.png"이 라인의 첫 번째 이미지의 해상도가 작은 아이콘은 57 × 57 픽셀이어야한다는 무엇

(내 웹 사이트 HTML5에있다).

"-precomposed"는 링크 된 아이콘 파일이 이미 반짝이며 3D로되어 있음을 알고 있어야합니다. "-precomposed"를 생략하면, iOS는 3D Brilliance 효과를 이미지에 추가합니다.

물론 예 : 태그를 head에 삽입해야합니다. 완전한 아이콘 세트

예 : 애플의 iOS 아이콘

<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico"> 
<link rel="apple-touch-icon" type="image/png" href="icon.57.png"><!-- iPhone --> 
<link rel="apple-touch-icon" type="image/png" sizes="72x72" href="icon.72.png"><!-- iPad --> 
<link rel="apple-touch-icon" type="image/png" sizes="114x114" href="icon.114.png"><!-- iPhone4 --> 
<link rel="icon" type="image/png" href="icon.114.png"><!-- Opera Speed Dial, at least 144×114 px --> 

문서 : http://dev.opera.com/articles/view/opera-speed-dial-enhancements/