파비콘 아이콘 만들기 & 웹사이트에 파비콘 등록하기 & 파비콘 변환해주는 사이트

웹사이트나 블로그에 파비콘을 등록해 보는 과정을 설명합니다.

파비콘은 웹브라우저의 주소란 옆에 보이는 작은 이미지로 확장자는 *.ico이며 주로 웹사이트나 블로그를 상징하는 이미지입니다.

1. 파비콘 아이콘을 만드는 방법을 알아봅니다.

포토샵등의 이미지 제작툴로 자신이 원하는 파비콘 이미지를 크기 16 x 16으로 만들어 줍니다. 이때 확장자는 jpg나 png, bmp 등으로 만듭니다.

예) 16 x 16으로 제작하여 jpg로 저장한 이미지

이미지를 제작하였으면 ICO 파일로 제작해야겠지요?

jpg등의 이미지를 ico파일로 변환해주는 사이트를 이용합니다.
http://www.html-kit.com/favicon/

사용자 삽입 이미지

Source image 란에 파비콘 아이콘으로 바꾸어줄 이미지를 넣어줍니다. 그런다음에 'Generate Favicon.ico' 버튼을 눌러줍니다.

Download Favicon을 누르시면 압춘된 파비콘 아이콘을 다운받으실수 있습니다.

2. 웹사이트에 적용하기

1) 일반사이트의 경우

<head>와 </head> 사이에
<link rel="shortcut icon" href="http://홈경로/favicon.ico" > 메타태그를 삽입합니다.

2) 티스토리 사용자의 경우
티스토리 사용자는 관리자메뉴->환경설정->기타설정에서 '파비콘 업로드하기'를 하시면 됩니다.

'웹스터디&자료 > HTML' 카테고리의 다른 글

파비콘 아이콘 만들기 & 웹사이트에 파비콘 등록하기 & 파비콘 변환해주는 사이트  (0) 2008/08/21
Trackback 0 Comment 0