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

사용자 삽입 이미지

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

그런 아이콘을 파비콘이라고 부릅니다.
( 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 버젼과 같이 텝 부분에도 아이콘이 뜨는 경우
배경을 투명하게 하지 않으면 아래와 같이 하얀 네모박스가 생깁니다 ^^;;
사용자 삽입 이미지
Posted by agzak
TAG

댓글을 달아 주세요

  1. 먹는 언니 2007/12/01 10:27  댓글주소  수정/삭제  댓글쓰기

    실력이 딸려서... 통과. ㅠ.ㅠ

    • agzak 2007/12/04 11:27  댓글주소  수정/삭제

      아.. 그냥 16x16 사이즈로 맘에 드는 그림 골라서 ico 포멧으로 바꾸기만 하면 되요 ^^
      저는 다음카페 아이콘 퍼와서 만들었어요 ㅋㅋ

  2. candycat 2009/01/09 01:09  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. 당장 만들어봐야 겠네요^^

이전페이지 1 2 다음페이지

태그목록

사이드바 열기