[Tip] 티스토리 파비콘 적용하는 방법!

 

 

 

파비콘이란?
즐겨찾기 아이콘, 즐겨찾기(favorites)와 아이콘(icon)의 합성어로 주소창에 조그만 아이콘으로 표시되어 있는 것을
바로 파비콘이라고 합니다.

파비콘은 jpg, gif의 파일로는 적용이 되지 않습니다. 반드시 ico 파일로 된 파비콘이어야 돼죠

우선 파피콘을 적용하기 전에 아이콘을 만들어야 겠죠?

이렇게 저는 제작을 했습니다. 사이즈는 64x64로 했구요
근데 여기서 한가지 문제점! 포토샵으로 작업하다 보면 ico파일로 저장하는 부분이 없습니다.
jpg, gif, png 등 저장기능이 많지만.... ico 파일은 없습니다.
하지만! 포토샵에서도 ico 저장기능을 사용할 수 있는 방법이 있습니다.
우선 아래 파일을 받으시구 압축을 풀어 주세요!

ICOFormat-2.1b1-win.zip

 

압축을 푸신 후 ICOFormat-2.1b1-win 폴더에 들어가시면 위와 같은 목록이 뜹니다.
위 사진에 보시면 빨강색으로 강조된 부분(ICOFormat.8bi)을 복사해 주세요
.8bi라고 써져있는건 제가 확장자를 표시하도록 설정했기 때문입니다. ICOFormat라고 표시돼 있어도 맞습니다.

그리고 복사한 파일(ICOFormat)을 C:\Program Files\Adobe\Adobe Photoshop CS4\Plug-ins\File Formats
경로로 붙여넣기 해주세요 참고로 포토샵의 버전은 CS4입니다.

다른 하위버전이나 상위버전의 ico 저장기능을 이용하시려면 아래 링크에 들어가셔서 버전 확인 후 다운 받으시면 됩니다.
http://www.telegraphics.com.au/sw/

ico 저장기능이 제대로 됐는지 확인부터 해야겠네요
File -> Save As 로 들어가세요

그럼 위 그림처럼 지원 포맷이 쭉 나올텐데요 ico 포맷이 제대로 설치가 돼어있는지 확인해 보세요
그리고 위와 같이 ico 포맷이 보인다면 클릭하시고 저장하시면 됩니다.
저장하실때 꼭 영문으로 해주세요! 한글로 저장할 시에 적용이 안될 수도 있습니다.

 

위와 같이 파업창이 하나 뜨는데요 Standard ICO(use for favicon.cio) 부분을 클릭하시고 OK를 누르시면 됩니다.

그리고 다 작업이 완료된 파비콘을 삽입해야겠죠?
블로그 관리에서 환경설정 밑에 기본정보를 클릭하시면 위와 같은 창이 뜹니다.
아래 아이콘 아래에 보시면 파비콘이 있습니다.

찾아보기를 클릭하신 다음 저장하셨던 파비콘을 클릭하신 후 확인 그리고 저장을 누르시면 파비콘 등록이 완료됩니다.

도움이 되셨다면 아래 손가락 버튼을 꾹 눌러주세요^^