bloggertip.com

2007/07/04 15:59Blogging/Blog Starter

티스토리 초보팁 Vol.9 블로그에 파비콘 달기

▶ 파비콘이 뭔가요?
"파비콘은 웹 브라우저의 즐겨찾기나 주소 입력줄에 보이는 그림입니다." 라고 티스토리 환경설정 창에 나와있다. 한때 영어를 전공했던 인문학도로서 추측해 보건데 파비콘은 아마도 Favorite(즐겨찾기) 과 Icon(아이콘) 의 합성어일듯 싶다. 아님말고! 쉽게 말하면 아래의 그림에서 보면 주소창에 보이는 아이팟 U2 그림이 바로 파비콘이다. (빨간색 밑줄, V자 표시된 그림 =>파비콘)
사용자 삽입 이미지

※ 여기서 짚고 넘어가야 할것이 하나 있는데 이 파비콘이 인터넷 익스플로러에선 잘 작동을 하지 않는다는것이다. 하지만 시대는 바야흐로 구글 파이어폭스의 시대. 파이어폭스를 사용해 보지 않은 사람은 파폭의 편리함을 알지 못한다. 파이어 폭스에서는 다행히도 이 파비콘이 아주 잘 나온다.


▶ 파비콘을 직접 그려야 하나요?
Are You Crazy? 저 정교한 그림을 나같은 컴초보가 어떻게 그린다는 말인가! 우린 그냥 평범한 누리꾼일 뿐이다. 그렇다면 방법은 없는가? "구하면 얻으리라" 는 그 누군가의 말처럼 무료로 파비콘과 아이콘을 제공하는 사이트들이 도처에 널려있다. 필자가 직접 다녀보고 예쁜 파비콘이 가장 많았던 사이트 세곳을 소개하겠다. 회원가입의 절차도 필요없이 무식하게 다운로드 받으면 만사 OK!

1. http://www.freeiconsweb.com
2. http://iconbase.com
3. http://fasticon.com


▶ 파비콘을 다는 방법을 알려 주셔야죠?
이제 파비콘을 다운로드 하고 드뎌 웹브라우져에 노출시킬 마지막 단계로 왔다. 맘에 드는 파비콘들을 충분히 다운로드 받았는가? 아니라면 다시 위에서 소개한 사이트로 돌아가서 더 골라보고 다음의 단계로 넘어가길 바란다. 자~ 준비됐나요?


첫번째☞ 티스토리의 관리자 메뉴로 들어가면 아래의 화면이 나오는데 여기서 빨간밑줄이 그어진 환경설정 탭을 클릭한다.
사용자 삽입 이미지


두번째☞ 환경설정 탭을 누르면 아래의 화면이 나오는데 여기에서 상단 우측의 기타설정 탭을 클릭한다! (빨간색 밑줄로 그어진 부분을 클릭!)
사용자 삽입 이미지


세번째☞ 아래에 보이는 화면이 바로 기타설정 창이다. 여기서 빨간색으로 밑줄친 곳에 있는 찾아보기 버튼을 눌러서 저장해 놓은 파비콘을 지정해 주고 저장하기 버튼을 누르면 끝!
사용자 삽입 이미지
, , , , , , , , , , ,
6 Trackbacks, 49 Comments »

Trackback Address - http://bloggertip.com/trackback/2113

  1. Subject: 나만의 파비콘을 만들어보자~!

    Tracked from 썬샤인의 신날로그 2007/05/17 14:37  - Del

    파비콘이란? 파비콘은 Favorite Icon을 줄여서 부르는 말인데요. 인터넷 주소창이나, 즐겨찾기에 어떤 웹사이트를 추 가하였을때 보이는 작은 아이콘을 말합니다^^ 이미 많은 웹사이트나 블로거들이 사용을 하고있지요^^ 왼쪽에 빨강색으로 보이는게 파비콘입니다^^ 자그럼 나만의 파비콘을 어떻게 만드느냐~? 직접 포토샵이나 그림판으로 만드셔도 되지만 상당히 귀찮은 작업이 되겠죠?? (참고로 사이즈는 16 X 16 으로 하셔야 합니다.) 그래서 제가 소..

  2. Subject: 내 파비콘을 환상의 3D 도트 픽셀 아이콘 만들기

    Tracked from Podcasting in Korea! 2007/05/17 14:39  - Del

    파비콘이 있는 사이트의 주소를 넣으면 3D 도트 픽셀 바비콘을 만들어주는 서비스 입니다. 사용방법 위 링크를 클릭 하신 후 해당 사이트로 가셔서 네모박스에 사이트 주소를 넣고 "2dot" 버튼을 누르면 바로 환상적인 3D 도트픽셀 아이콘이 만들어집니다. 포털 사이트 주소를 넣어주셔도 바로 아이콘이 나옵니다. 만들어본 아이콘들~ 다음 티스토리 이올린 클릭 마가린

  3. Subject: 내손으로 티스토리 파비콘 만들기

    Tracked from Podcasting in Korea! 2007/05/17 14:40  - Del

    구글이나 다음등에 가시면 주소창이나 즐겨찾기 시 왼쪽에 보이는 조그만 정사각형 이미지 보이시죠? 그게 바로 파비콘입니다. 여기서 잠깐? Favicon이란 Favorite+Icon 의 합성어로 북마크(즐겨찾기)시 사이트를 찾기 쉽고 사이트나 블로그의 특징을 표현하는 수단이라고 보시면 될 듯 합니다. 티스토리에도 파비콘 설정창이 있습니다. 티스토리의 관리자페이지에서 환경설정->기타설정을 클릭하시면 파비콘을 저장하는 곳이 있습니다. 티스토리에서는 한가지..

  4. Subject: 파비콘을 만들어 주는 사이트

    Tracked from 상 / 상 / 공 / 장 : 스킨공작소 2007/05/17 15:22  - Del

    16X16 사이즈로 만든 gif 아이콘 파일을 업로드 하면 파비콘 포멧의 파일로 컨버팅해주는 사이트 입니다. 거기다가 animated gif 파일까지 생성해 줍니다 gif 아이콘 파일을 업로드 한후에 (텍스트와 애니메이션 파이콘은 옵션!) 파비콘 생성하기 버튼을 클릭하면 파비콘이 간단하게 만들어 집니다. 기존에 파비콘 만들어주는 프로그램을 다운로드 받아 설치하는 번거로움이 없어진거죠.. 세상 정말 살기 편해지는것 같습니다.. ^^ 파비콘 Favico..

  5. Subject: 나의 블로그를 표현하는 파비콘 쉽게 만들기 !

    Tracked from roman of women..... 2007/08/02 17:00  - Del

    파비콘 만들기 드디어....^_^ 성공했습니다.제가 좋아하는 츠카모토 타카시 사진을 파비콘으로 사용하였죵 !그림은 작지만 제가 좋아하는 일본배우가 제 블로그주소 앞에 서있으니 기분이 남다르네요.여러분도 한번 파비콘을 만들어서 달아보세요 ^_^ - 파비콘을 만들 수 있는 웹 사이트 모음* FavIcon From Pics : 움직이는 파비콘을 만들수 있는 곳* Dynamic Drive - FavIcon Generator : 일반적인 파비콘을 만들수 있는..

  6. Subject: 파비콘제작 사이트 파비콘박스(FAVICONBOX.KR)를 소개합니다.

    Tracked from 주식회사 한새 2007/10/05 11:48  - Del

    파비콘박스(faviconbox.kr) 한글판은 파비콘, 애니메이션파비콘을 간단한방법으로 제작, 사용자 웹사이트와 블로그등에 사용할수 있도록 지원하는 서비스입니다. 파비콘박스의 기능과 구성을 글과 이미지를 통해 설명해드리겠습니다.파비콘 (favicon)이란? 즐겨찾기 아이콘, 즐겨찾기(facovities) 와 아이콘(icon) 의 합성어로 브라우저의 주소창(주소 표시줄) 앞부분에 나타나는 아이콘을 말합니다. 파비콘을 사용함으로 사이트의 특징을 방문자...

Responses to Post

  1. Kangsigner

    와우~노래가 없어서 잘못 들어왔나 했습니다^^

    2007/05/17 13:41 A / D / R

  1. Zet

    ㅎㅎ 좋은건 나눠야죠! 가끔 이런것도 올려야겠네요

    2007/05/17 22:13 A / D

  1. Celeste

    좋은 팁이네요

    2007/05/17 14:03 A / D / R

  1. Zet

    ^-^

    2007/05/17 22:13 A / D

  1. 슈리

    파비콘 달고 싶었는데 좋은 정보 잘 보고 갑니다^^

    2007/05/17 14:16 A / D / R

  1. Zet

    예쁘게 다세요^^

    2007/05/17 22:13 A / D

  1. 비밀댓글 입니다

    2007/05/17 14:38 A / D / R

  1. Zet

    트랙백을 봐주세요!ㅋㅋ

    2007/05/17 22:14 A / D

  1. 썬샤인

    트랙백 날리고갑니다^^
    좋은정보 감사해요

    2007/05/17 14:39 A / D / R

  1. Zet

    감사합니다. 유용한 팁이 되었길 바래요^^

    2007/05/17 22:14 A / D

  1. Yasu

    사이즈 제한이 있나요?? 등록이 안되네요..T.T

    2007/05/18 12:08 A / D / R

  1. Zet

    아마도 16x16파일만 될거에요. 그리고 아이콘 사이트에서 찾은 확장명이 ico로 된것만 등록이 가능한걸로 알고 있습니다. ^^

    2007/05/18 12:17 A / D

  1. 임태훈

    포스팅 실력이 장난 아니십니다..
    깔끔한 설명.. 그리고 jpg까지!!
    잘 보고 갑니다 : >

    2007/07/05 17:11 A / D / R

  1. Zet

    오~ 바이크맨 태훈님 이신가요? 바로 답방 가서 확인해 봐야겠어요! 댓글 감사합니다 ^-^

    2007/07/05 22:36 A / D

  1. 꽃수염

    만들어서 달았는데 이건 뭐 발로 만들었는지 역효과만 날것 같아요.
    저기... 제 파비콘 무슨 뜻인지 아시겠어요?

    2007/07/12 01:08 A / D / R

  1. Zet

    꽃 힙 아닌가요? 꼬치? ㅡ..ㅡ

    2007/07/12 06:16 A / D

  1. 와루쿠

    오 이런방법도있었네요 +_+ 감사합니다.

    2007/07/30 14:23 A / D / R

  1. Zet

    파비콘과 아이콘이 무척 귀여운데요? 바나나우유 맛있는데ㅋ

    2007/07/30 15:32 A / D

  1. Cinerge

    블로그 아이콘을 대충 해놓고 파비콘은 또 어떻게 해야하는 건지 모르고 있었는데
    잘 따라해봤습니다. 근데 역시... 익스플로러랑은 안친한가봐요. ㅋ

    2007/08/01 17:07 A / D / R

  1. Cinerge

    오호! 그래도 여기에선 잘 보이는군요. ^^b

    2007/08/01 17:08 A / D

  2. Zet

    파폭에서만 보이는것 같아요. :)

    2007/08/01 17:16 A / D

  1. Cordeliase

    저도 파폭에서만 보여요.. ㅠㅠ
    익스플로러에서 보이는 방법은 없을까요/?
    좀 친해지면 안되나??

    2007/08/03 17:05 A / D / R

  1. Zet

    저도 최신 IE버젼을 깔아봐도 안보이더라구요. 아이콘까지는 보여도 파비콘은 절대 안보이더라는.. 하루빨리 친해졌으면 하는바램이에요 :(

    2007/08/03 17:24 A / D

  1. 평원

    http://www.degraeve.com/favicon/

    이런것도 있더군요

    2007/08/04 10:43 A / D / R

  1. Zet

    좋은 정보 감사합니다. ^^

    2007/08/23 18:23 A / D

  1. Melling

    http://xguru.net/blog/389.html 여기도 좋아요
    아이콘이 사용 형태별로 다 있음.

    2007/08/18 10:18 A / D / R

  1. Zet

    좋은 정보네요^^

    2007/08/23 18:23 A / D

  1. 비밀댓글 입니다

    2007/08/18 11:59 A / D / R

  1. Zet

    초기화도 안된다면 임시파일을 모두 지우고 해 보세요. 아니면 브라우져를 다른걸로 해서 바꿔보는 것도 방법이 될수 있습니다. ^^

    2007/08/23 18:24 A / D

  1. 한성민

    좋은 정보 잘 보고 갑니다..^^

    2007/10/20 11:38 A / D / R

  1. Zet

    네 들러주셔서 감사합니다. ^.^

    2007/11/01 02:21 A / D

  1. 플럼비

    파비콘이 뭔지 몰라서 헤맸었는데 이 글을 보고 (다시금) 알게 되었네요(웃음).
    좋은 정보 감사드려요~
    들어가서 '무식하게' 마구 다운 받고 있습니다(웃음).

    2007/11/16 20:39 A / D / R

  1. Zet

    헤헷! 플럼비님 웃음 -> : + ) = :) 이렇게 나와요!ㅋ_ㅋ

    2007/11/19 12:02 A / D

  1. 트레이스

    이거 하나씩 해가는 재미가 쏠쏠한데~^^ 제트야

    2007/11/27 14:23 A / D / R

  1. Zet

    보통 재미는 아니지 트레이스~ㅋㅋ

    2007/11/27 14:39 A / D

  1. lufian

    안녕하세요^^
    네이버에서 티스토리로 옮기려고 스킨도 만들어보고 여러가지 준비중입니다...ㅋㅋ
    개인적으로 이곳에서 정말 도움 많이 받았어요, 감사드립니다^^
    한가지 궁금한 것이 있는데요..
    저는 댓글이나 방명록에서 아이콘과 파비콘의 크기가 다르게 나타나더군요.
    아이콘은 32의 중간 사이즈, 파비콘은 16사이즈로 나타납니다.
    환경설정에서 아이콘 설정을 중간사이즈로 해두긴 했는데...
    다른분들 블로그는 아이콘 사이즈가 크면 큰대로, 작으면 작은대로
    파비콘 크기와 아이콘 크기가 동일하게 나타나던데요.... 이곳처럼 말이죠...
    게다가 제트님의 블로그는 환경설정에서 선택하는 16,32,48 사이즈가 아닌....
    20픽셀 사이즈로 사용중이시네요.
    스킨편집에서 정해야하는건지, 아직 초보라 제가 모르는 기능이 더 있는건지 궁금합니다.
    저도 아이콘 파비콘 모두 동일하게 20픽셀 전후 사이즈로 보이게 하고 싶어요..^^;

    2007/12/07 17:20 A / D / R

  1. Zet

    스킨에서 설정을 해주어야 합니다.
    즉 여러 블로그에 갈때마다 내 아이콘이 달리 보인다고 보시면 되요. ^^

    2008/01/06 08:18 A / D

  1. 딩가

    와.. 파비콘이 뭔가 했더니, 그런거였군요...

    벌써 적용완료.. <-

    좋은거 배워갑니다~

    2007/12/23 19:54 A / D / R

  1. Zet

    축하드려요 ^^

    2008/01/06 08:18 A / D

  1. 파란토마토

    작년 7월까지만 해도 초보를 위한 팁이 많고, 또한 경어체를 안쓰셨네요^^;;
    뭔가 지금의 ZET님과는 좀 다른 느낌이 많이 드네요. 폴더도 좀 바뀐 것 같습니다.
    블로그비기너들을 위한 팁들도 필요한데 지금 제가 보면 기본으로 보이겠지만
    그분들한테는 꼭 핑료한 것이겠죠.

    2008/01/16 03:18 A / D / R

  1. Zet

    네 그렇습니다. ^..^

    2008/01/16 11:00 A / D

  1. 부정승차

    남들 다 쓰는것 같길래 한번 만들어볼려고 검색했더니 블로거팁이 딱! 걸리네요
    티스토리 사용한지 꽤 됐지만.. 초보를 위한 팁에 많은 위로를 받고[ㅠ.ㅜ]갑니다.
    추천버튼이 있으면 꾹 눌러주고 싶은 포스트네요 :)

    2008/01/24 02:22 A / D / R

  1. Zet

    댓글 고맙습니다. :)

    2008/08/26 05:54 A / D

  1. 수리마수리

    우와 이거 정말 고맙습니다 ㅋㅋ

    2008/02/12 20:12 A / D / R

  1. Zet

    제가 더 고마워유 ;)

    2008/08/26 05:55 A / D

  1. 차가운소다

    저는 등록이 안되네요...
    이미지 확장자도 확인했고 정확히 올렸는데..... ㅠ.ㅠ
    이쁘게 구경했어요~

    2008/02/17 13:10 A / D / R

  1. Zet

    계속 새로고침 하다보면 될거에요.
    한번에 변하지 않더라구요.

    2008/08/26 05:55 A / D

  1. 초우

    흐음, 파비콘 잘 바뀌네요. 그런데 파폭에선 역시 말씀하신 것처럼 잘 반영되는데 비해
    다른 브라우저는 안되네요...

    2008/07/17 13:02 A / D / R

  1. Zet

    IE 새 버젼에서도 되는것 같더라구요. :)

    2008/08/26 05:55 A / D

Leave a comment