컴퓨터 / Computer

파비콘 설정하기

공유지기 0 5,592 2018.12.03 00:23

확장자가 ico 인 favicon.ico 를 쓰면 웹 브라우저 탭에 파비콘이 뜬다. 휴대폰에 사이트 바로가기를 등록할때도 가능한데 어떤 경우에는 잘 안될 수도 있다. 그래서 아래와 같이 정리를 해서 올려 본다. 혹시 안되시는 분들은 문의해 주시길.



<link rel="apple-touch-icon" href="http://www.7-star.net/img/7star_apple_icon.png">

<link rel="apple-touch-icon-precomposed" href="http://www.7-star.net/img/7star_apple_icon.png">

<link rel="shortcut icon" href="http://www.7-star.net/img/7star_android_icon.png">

<link rel="icon" href="http://www.7-star.net/favicon.ico">



1번째 줄과 2번째 줄은 아이폰과 아이패드용 설정이다. 이때 첨부한 형태의 png 파일을 미리 만들어 두는 것이 좋다. 사이즈는 114x112 정도.


3번째는 안드로이드폰용 설정이다. 사이즈는 위와 같다. 그리고 마지막 4번째 줄은 ico 확장자로 아이콘 등록을 하도록 설정했다.



이 외에도 아래와 같이 하면 된다는데, png까지 써야 하는게 맞는 듯 하다.



<link rel="shortcut icon" href="/이름.ico" type="image/x-ico" />  <link rel="icon" href="http://내도메인/favicon.ico"> 

Comments