웹사이트나 블로그에 파비콘을 등록해 보는 과정을 설명합니다.
파비콘은 웹브라우저의 주소란 옆에 보이는 작은 이미지로 확장자는 *.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) 티스토리 사용자의 경우
티스토리 사용자는 관리자메뉴->환경설정->기타설정에서 '파비콘 업로드하기'를 하시면 됩니다.
파비콘은 웹브라우저의 주소란 옆에 보이는 작은 이미지로 확장자는 *.ico이며 주로 웹사이트나 블로그를 상징하는 이미지입니다.
1. 파비콘 아이콘을 만드는 방법을 알아봅니다.
포토샵등의 이미지 제작툴로 자신이 원하는 파비콘 이미지를 크기 16 x 16으로 만들어 줍니다. 이때 확장자는 jpg나 png, bmp 등으로 만듭니다.
예)
이미지를 제작하였으면 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) 티스토리 사용자의 경우
티스토리 사용자는 관리자메뉴->환경설정->기타설정에서 '파비콘 업로드하기'를 하시면 됩니다.
'유용한팁' 카테고리의 다른 글
| 블로그에 이미지를 삽입할때 alt 태그를 적극적으로 사용하여 검색엔진 최적화하기 (3) | 2008/08/21 |
|---|---|
| 네이버에 내 블로그 rss피드 등록신청하기 (1) | 2008/08/21 |
| 파비콘 아이콘 만들기 & 웹사이트에 파비콘 등록하기 & 파비콘 변환해주는 사이트 (0) | 2008/08/21 |
| 블로그,홈페이지 검색엔진 최적화 하기 #1 - Meta tag 메타태그로 최적화 (0) | 2008/08/21 |
