본문 바로가기

IT.컴퓨터.인터넷.취미/블로그 팁 & 스킨배포

[블로그팁]개성있는 파비콘으로 나만의 블로그 아이콘을 만들어보세요~!!

어제는 파비콘을 만드는 방법에 따른 차이에 대해 간단하게 설명드렸었죠?
파비콘을 만드는 방법이 몇가지 있는데요.
우선 제 블로그에서 소개했던 방법은 두가지에요.

블로그에 개성있는 파비콘을 달자..

[포토샵을 이용해서 파비콘(아이콘, ico)을 만들어 보자!!

파비콘을 만드는 손쉽게 방법

파비콘을 처음 만들었던 3년전에는 이런 기능이 없었는데...
파비콘 업로드 페이지에서도 파비콘을 만들 수 있는 링크가 있더군요.



환경설정 -> 블로그 정보 경로로 가면 볼 수있는 화면입니다.
오른쪽에 표시한 ICO로 파일변환 버튼을 클릭하시구요.



converticon이라는 새창이 뜨는데요. 오른쪽에 표시한 Get Started버튼을 클릭하시면 왼쪽과 같이 파일을 선택할 수 있는 창이 뜨게되구요. png, gif, jpeg형식의 파일을 아이콘으로 변환할 수 있습니다.
제가 선택한 것과 같이 image를 선택합니다.



아이콘을 변환하기 위해 만들어둔 png파일을 선택하고 오른쪽 하단 Export를 선택합니다.



티스토리 파비콘으로 사용하기 위해서는 16x16크기의 아이콘 파일로 만들어야 하기 때문에 크기 선택을 하신 후
Save As 버튼을 누르셔서 저장하면 끝!!

참 쉽죠잉!!!

간단하게 아이콘 파일을 만들기에는 이 방법이 가장 좋은 듯 합니다.
하지만 제가 시도해서 만들어진 결과물을 봤을 때 좀 실망했습니다.
먼저 포토샵으로 만든 아이콘 파일과 비교했을 때 퀄리티가 조금 떨어진다는 느낌이 들더군요.

가능하시다면 포스트 상단에 소개한 포토샵으로 아이콘 만드는 방법의 링크를 클릭하셔서 만드시길 권합니다.



크롬에선 보이는데 ie에선 안보인다?

크롬

IE8


구글크롬과 인터넷익스플로러(ie)8에서 보는 제 블로그 댓글들입니다.
잘 안보이신다면 클릭해서 크게 보세요~

닉네임의 왼쪽을 보시면 백전백승 님은 각기 다른 아이콘이 두개 보이시죠?
왼쪽은 파비콘, 오른쪽은 블로그 아이콘입니다.
근데 저도 파비콘과 블로그 아이콘 두 가지 다 적용하고 있답니다. 그런데,
블로그 아이콘은 크롬과 ie8에서 모두 보이는데 파비콘이 크롬에서만 보이네요.


파비콘 파일 교체

근데 얼마전 까지만해도 모든 분의 파비콘이 보이지 않았답니다.
그래서 다시 업로드를 하면 보이지 않을까 하는 생각에 파비콘을 교체하기로 마음 먹게되었죠.

전 포토샵을 이용해 파비콘 파일을 다시 만들었습니다.
[포토샵을 이용해서 파비콘(아이콘, ico)을 만들어 보자!!



파비콘은 아이콘(ico)형식의 파일만 적용 가능하기 때문에 파일 형식은 ico입니다.



저장을 누르게 되면 위와 같은 알림창이 뜨는데요. ico파일을 만들거니까 OK를 클릭합니다.



정상적으로 아이콘 파일이 만들어졌습니다.



업로드를 해야죠?
환경설정 -> 블로그 정보로 이동합니다.
우선 먼저 적용되어 있던 파일은 삭제를 클릭해서 파비콘을 초기화 합니다.



초기화를 하셔야죠~ 버튼을 클릭!!



초기화 후 파일을 업로드하고 저장 버튼을 눌러서 종료합니다.



변경된 파비콘 확인

위 그림에서 파비콘을 변경한 후 저장을 하더라도 변경된 파비콘이 곧바로 확인되지 않습니다.
빠르면 수분, 오래걸리면 10분 이상 지나야 변경된 파비콘을 확인 하실 수 있답니다.



드디어 바뀐 파비콘을 확인 할 수 있습니다.



위에서 봤던 댓글 목록에서도 파비콘이 확인되네요...
브라우져에서도 보이시죠?

자 어떠신가요?
아직 파비콘이 없으시다면 나만의 독특한 파비콘을 하나씩 만들어 보시는건 어떨까요?

전 개인적으로 백전백승님의 파비콘이 눈에도 확 띄고 마음에 든답니다..ㅎㅎ