파비콘 (Favicon) - 기술

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

{{tag>tech favicon 파비콘 애플터치아이콘}}
======파비콘 (Favicon)======

웹 브라우저에 따라 특정 사이트에서 이 익스플로러 마크의 아이콘이 나타나야 할 부분에 전혀 다른 아이콘이 나오는 경우가 있을것이다.

이것을 흔히 파비콘(Favicon)이라고 불리는 것들이다.
최신 웹브라우저에서는 다 지원한다.

아래 사이트에서 만들고 다운로드한 뒤 자신의 웹사이트 제일 상위 폴더에 넣으면 된다.

* https://www.favicon-generator.org/
  * http://www.xiconeditor.com/ HD, Retina display 지원 고해상도
  * http://www.favicon.cc/
  * http://www.icoconverter.com/

혹은 html 문서의 <header>... </header> 사이에 다음과 같은 문구를 넣으면 된다.

====애플터치아이콘 (Apple touch icon)====

애플의 [[ios]]의 경우 사파리에서 웹페이지의 링크를 바탕화면에 만들면 [[tech:Apple touch icon|앱 아이콘]]이 만들어지는데 이것을 지정할 수 있다. 다음과 같이 한다.

PNG 이지만, 투명도를 지원하지 않는다.

도쿠위키 템플릿에서는 ''tpl_favicon''함수를 이용하여 간단히 설정할 수 있다.

<?php echo tpl_favicon(array('favicon', 'mobile')) ?>

미디어 폴더 최상위에 ''favicon.ico'', ''apple-touch-icon.png'' 파일을 올리면 된다.

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International