Tip! 2012. 6. 10. 12:06

 

 


 

파비콘이란?
즐겨찾기 아이콘, 즐겨찾기(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를 누르시면 됩니다.






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

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




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

 


 

 

 





 


 

Posted by 제임스라이언

댓글을 달아 주세요

 
 
 
 
 
 
 
 
 
 
 
 
 
 

  1. Favicon of https://minorang.tistory.com BlogIcon 미노랑 2013.01.18 18:34 신고  댓글주소  수정/삭제  댓글쓰기

    오오! 이런방법이 있었군요! 정보 고맙습니다....
    ※ 댓글다는데 그림문자 맞추기가 어렵네요;;;

  2. Favicon of http://busokay.com BlogIcon 고요한 2013.03.13 20:37  댓글주소  수정/삭제  댓글쓰기

    고마워요!!!!!

  3. Favicon of https://elysee.tistory.com BlogIcon 엘리제를 위하여 2015.05.09 17:02 신고  댓글주소  수정/삭제  댓글쓰기

    음음.. 이대로 했는데 왜 안나올까요;
    플러그인까지 제대로 했는데
    (하다못해 HTML/CSS 편집방법도 알아내서 시도했지만..안됌 ㅋㅋ)
    덧글에는 잘 뜨는데..블로그에는 왜 아직 T가.ㅠㅠ