파비콘(favicon) 만들기

agzak — Fri, 30 Nov 2007 14:39:53 +0900

+ 홈페이지 주소 앞에 아이콘 달기

다음같은 사이트 주소창 앞이나 즐거찾기 목록을 보면 파란 문서모양이 아닌
알록달록한 색상의 아이콘이 달려있는 것을 볼 수 있지요?

그런 아이콘을 파비콘이라고 부릅니다.
( favorite icon 의 줄임말이 아닌가 하네요 ^^ )

※ tistory 에서는 환경설정에서 파비콘을 넣을 수 있도록 지원되고 있습니다 ^^v

일반 홈페이지의 경우 index 파일의 <head> 태그 부분에 아래 소스를 추가하시면 됩니다.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<link rel="SHORTCUT ICON" href="자신의 계정주소/아이콘이름.ico">
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

+ 중요한 것은 아이콘은 무조건 ico 파일이여야 한다는 사실!

ico파일로 아이콘을 만든후 자신의 계정에 올리고 계정주소를 붙여넣기 해주시면 됩니다.

위 내용을 메인 페이지에 삽입한 후, 사이트를 즐겨찾기 해보세요~
주소창과 즐겨찾기 메뉴에 아이콘이 나타납니다 ^^

+ 그럼, ico 파일을 어떻게 만드느냐?

ico 파일 만들기 어렵죠?
변환프로그램이 따로 없다면 아래 사이트 가셔서 쉽게 만드실 수 있어요.

포토샵 등에서 16x16사이즈의 아이콘을 만든 후 png 포맷으로 저장을 하세요~

png 를 ico포맷으로 한방에 바꿔준답니다^^ (저도 이용했구요!)

http://converticon.com/

+ 마지막으로 Tip 한가지!!

ico 파일을 만들기 위한 이미지 작업을 하실 때
배경부분은 투명하게 만드셔야 합니다!

Internet Explorer 7 버젼과 같이 텝 부분에도 아이콘이 뜨는 경우
배경을 투명하게 하지 않으면 아래와 같이 하얀 네모박스가 생깁니다 ^^;;

안녕하세요 ^^*

agzak — Mon, 26 Nov 2007 14:30:51 +0900

티스토리에 초대받으면서 어떤 곳으로 만들어나갈까 고민하다가

소소한 일상사는 이미 다른 곳에 적고 있기 때문에

이곳은 저의 이런저런 관심사들에 대한 스토리지를 꾸며볼까 합니다 ^^

개인 공간이라기 보다는 여러분들에게 소개하는 장이 되었으면 하네요.

여러가지 분야에서 얕은 지식을 가지고 있는 저에게 딱.맞.는. 곳이 되지 않을까 합니다 ^^a

그냥 시간나면 지나가다 들르셔서 '이런 것도 있구나' 정도 느끼시는

편안한 공간이 되었으면 좋겠습니다.

:+: AnyHolic :+:

파비콘(favicon) 만들기

안녕하세요 ^^*