컴퓨터 / Computer

파비콘 설정하기

공유지기 0 3,130 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

S자고리 소 옷걸이 국자걸이 싱크선반 고리 가방 모자
칠성운영자
잇템 금성 1500 골드링 콤파스
칠성운영자
바퀴달린 둥근 사무용 보조의자 무빙체어 스툴의자
칠성운영자
볼보 S90 카본 트렁크 매트
칠성운영자