[Safari] Favicon 띄우기

 

 

  <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png">
  <link rel="apple-touch-icon" sizes="120x120" href="./images/apple-touch-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="152x152" href="./images/apple-touch-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon-180x180.png">
  
  <!--
  <link rel="icon" type="image/png" sizes="32x32" href="/apple_touch_icon_32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/apple_touch_icon_16x16.png">

  <link rel="icon" href="./images/apple-touch-icon.ico">
  -->

 

  위의 내용을 헤더에 추가하면 된다.

 

  주석 처리된 부분을 해제하면 티스토리 기본 설정에서 파비콘을 등록하는 부분과 문제가 생기는지 크롬 기반의 브라우저에서 파비콘이 제대로 표시되지 않는다.