컴퓨터 / Computer

파비콘 설정하기

공유지기 0 2,356 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



360도 회전 차량용 자석 휴대폰거치대
칠성운영자
2500 LED십자가조명만들기
칠성운영자
그린 레이저 포인터 LPG1100 5개
칠성운영자
뉴에너겔 메탈포인트(흑/0.7/BL27/1자루/PENTEL)
칠성운영자