맨위로 맨아래 네이버톡톡 구매상담
고객님의 소리를
귀기울여 듣겠습니다.
공지사항 구매문의 언론보도 FAQ
주요서비스 웹호스팅 서비스 본인인증 서비스 SSL 보안서버 구축 PG사 연동서비스 원격지원 서비스
고객지원 마법사 16구매혜택 커스터마이징이란?
FAQ 자주묻는 질문
궁금하신 사항을 쉽고 빠르게 찾아보세요.
FAQ 전체보기
FAQ 전체보기 330
라이센스 (9) 제공되는 메뉴얼 (2) 세무서신고,사업자등록 (17) 전자지불서비스 (7)
문자메세지 (7) 도메인 및 웹호스팅 (37) 개인정보,보안서버인증 (14) 호스팅이전 및 재설치 (11)
A/S 정책 (4) 업그레이드정책 (4) 솔루션설치 (10) 솔루션기능 (92)
초보자이용안내 (78) 프로그램수정 (23) 솔루션구매신청방법 (7) 해외관련 (3)

SEARCH
사이트에 파비콘 다는 방법


파비콘(favicon - Favorites와 Icon의 합성어)이란?
인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.
< 출처 위키백과 >

그림으로 보시면 이해가 빠릅니다.



위의 그림과 같이 주소표시줄, 즐겨찾기, 브라우저 탭에 아이콘이 표시 됩니다.

파비콘은 확장자가 ico 혹은 png 로 사용하실 수 있습니다.

아래는 파비콘을 제작 또는 gif, jpg 등의 이미지를 ico 확장자로 변환 시켜주는 사이트들 입니다.

http://www.favicon.cc/
http://favicon-generator.org/
http://tools.dynamicdrive.com/favicon/
http://www.favicon.co.uk/
http://favicon.htmlkit.com/favicon/
http://genfavicon.com/
http://www.favicongenerator.com/

위의 사이트에서 파비콘에 사용할 파일을 제작한 뒤
사이트(홈페이지 계정) 에 올려주시면 됩니다.

루트 폴더( / )에 올려주셔도 되고
특정 폴더( /img/ )에 넣어두셔도 됩니다.

업로드 하셨으면 메인 html 소스를 수정해 주시면 됩니다.



http://mall6.cgimall.co.kr 사이트를 예로 설명 드리겠습니다.

http://mall6.cgimall.co.kr 는 메인 html 이 html 폴더에 main.html 입니다.

main.html 을 여신 후

<link rel="shortcut icon" href="favicon.ico" />
<head> ~ </head> 태그 사이에 위의 소스를 넣어주시면 됩니다.



즉, 위의 그림처럼 넣어주시면 됩니다.

위의 소스에서
favicon.ico 는 조금 전에 제작한 아이콘 이름 입니다.

루트 폴더( / )에 넣어두셨으면 위의 소스 처럼 하시면 됩니다.
특정 폴더( /img/ )에 넣어두셨으면 img/favicon.ico 로 입력하시면 됩니다.


그럼 주소표시줄, 즐겨찾기, 브라우저 탭 에서 아이콘을 확인해 보시면 됩니다.


FTP 접속 방법 입니다.
https://www.cgimall.co.kr/happy_faq/board_detail.cgi?db=board_faq&thread=6&page=1&search_type=whole&search_word=FTP

편집기 사용 방법 입니다.
https://www.cgimall.co.kr/happy_faq/board_detail.cgi?db=board_faq&thread=7&page=1&search_type=whole&search_word=editplus
퀵링크 FAQ 전체목록 목록