파비콘(favicon.ico) 만들기
Posted 2007/07/04 03:57, Filed under: 알짜정보들파비콘 (favicon)
즐겨찾기 아이콘, 즐겨찾기(facovities) 와 아이콘(icon) 의 합성어로
브라우저의 주소창(주소 표시줄) 앞부분에 나타나는 아이콘을 말합니다.
파비콘을 제작하려면 별도의 툴(Tool)이나 포토샵(플러그인 필요)이 필요한데
최근에는 웹사이트에서 파비콘을 제작 할 수 있도록 서비스 하는 사이트도 많더군요.
일단, 가장 간단하게 파비콘을 만들 수 있도록 서비스하는 웹사이트 몇 곳~
직접 dot 단위로 찍어서 만들수도 있고 이미 만들어진 이미지 파일을 업로드하면
파비콘 파일로 변경되어 다운로드 받을 수 있는 서비스도 있습니다.
http://www.degraeve.com/favicon/
http://www.favicon.cc/
http://www.favicongenerator.com/
http://www.chami.com/html-kit/services/favicon/
그리고, 별도의 툴(Tool)을 다운받아 제작할 수 있는 방법도 있는데
프로그램을 찾아서 다운로드 받자니 귀찮고 해서 포토샵으로 만들방법이
없을까 해서 뒤적거리다보니 역시나~ ico 파일을 만들수 있도록 별도의
플러그인을 지원하는 사이트가 있더군요.
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
ICOFormat.8bi 라는 파일을 포토샵 플러그인 폴더에 넣어주고 포토샵을
실행하면 Save as... 로 저장시에 *.ico 파일로 저장이 가능합니다.
플러그인 파일 ICOFormat.8bi 을 넣어 줄 경로는 포토샵 CS2 에서는
C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins
설치시에 기본 폴더로 설치하였으면 위와 같은 경로겠지요.
16x16 픽셀 or 32 x 32 픽셀로 작업후에 Save as... 로 저장시에
아래 그림과 같이 *.ico 파일로 저장이 가능합니다.
이제 이렇게 만들어진 아이콘(*.ico) 파일을 favicon.ico 라는 파일명으로 변경한 뒤
자신의 웹사이트 적절한 곳에 FTP로 업로드 한 후
<head> 와 </head> 사이에
<link rel="shortcut icon" href="http://파일이 있는 주소/favicon.ico">
이렇게 넣어주면 완료!
태터툴즈 같은 설치형 블로그의 경우에는 "환경설정 -> 파비콘" 메뉴에서
제작한 파비콘을 업로드 하면 되도록 쉽게 구성되어 있습니다.
그리고, "플러그인" 메뉴에서 파비콘관련 플러그인을 "사용함"으로 해주어야 적용됩니다.
즐겨찾기 아이콘, 즐겨찾기(facovities) 와 아이콘(icon) 의 합성어로
브라우저의 주소창(주소 표시줄) 앞부분에 나타나는 아이콘을 말합니다.
파비콘을 제작하려면 별도의 툴(Tool)이나 포토샵(플러그인 필요)이 필요한데
최근에는 웹사이트에서 파비콘을 제작 할 수 있도록 서비스 하는 사이트도 많더군요.
일단, 가장 간단하게 파비콘을 만들 수 있도록 서비스하는 웹사이트 몇 곳~
직접 dot 단위로 찍어서 만들수도 있고 이미 만들어진 이미지 파일을 업로드하면
파비콘 파일로 변경되어 다운로드 받을 수 있는 서비스도 있습니다.
http://www.degraeve.com/favicon/
http://www.favicon.cc/
http://www.favicongenerator.com/
http://www.chami.com/html-kit/services/favicon/
그리고, 별도의 툴(Tool)을 다운받아 제작할 수 있는 방법도 있는데
프로그램을 찾아서 다운로드 받자니 귀찮고 해서 포토샵으로 만들방법이
없을까 해서 뒤적거리다보니 역시나~ ico 파일을 만들수 있도록 별도의
플러그인을 지원하는 사이트가 있더군요.
http://www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html
ICOFormat.8bi.zipICOFormat.8bi 라는 파일을 포토샵 플러그인 폴더에 넣어주고 포토샵을
실행하면 Save as... 로 저장시에 *.ico 파일로 저장이 가능합니다.
플러그인 파일 ICOFormat.8bi 을 넣어 줄 경로는 포토샵 CS2 에서는
C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins
설치시에 기본 폴더로 설치하였으면 위와 같은 경로겠지요.
16x16 픽셀 or 32 x 32 픽셀로 작업후에 Save as... 로 저장시에
아래 그림과 같이 *.ico 파일로 저장이 가능합니다.
이제 이렇게 만들어진 아이콘(*.ico) 파일을 favicon.ico 라는 파일명으로 변경한 뒤
자신의 웹사이트 적절한 곳에 FTP로 업로드 한 후
<head> 와 </head> 사이에
<link rel="shortcut icon" href="http://파일이 있는 주소/favicon.ico">
이렇게 넣어주면 완료!
태터툴즈 같은 설치형 블로그의 경우에는 "환경설정 -> 파비콘" 메뉴에서
제작한 파비콘을 업로드 하면 되도록 쉽게 구성되어 있습니다.
그리고, "플러그인" 메뉴에서 파비콘관련 플러그인을 "사용함"으로 해주어야 적용됩니다.
Response :
1 Trackback
,
0 Comment
Trackback URL : http://mysilpir.net/trackback/221
-
파비콘을 달아 볼까?
Tracked from 생활의 지혜 2007/07/09 10:52 DeleteFavicon 파비콘... 네이버나 엠파스 다음같은 포탈 사이트의 주소 앞에 아이콘을 파비콘이라고 한답니다. 자세한 것은 즐겨찾기에 등록하고 보시면 압니다.^^ 1. 크기가 가로, 세로 <16 * 16> 이거나 <32 * 32>에 256색 이하인 아이콘 파일(확장자가 *.ico인 파일)을 준비합니다. *.ico 파일을 만드는 방법을 모른다면, 그냥 확장자를 *.ico로 바꿔도 상관없을겁니다. 2. 웹에 올립니다. 3. <LINK REL="SHORTC..
