IcoFX 1.6.4

첨부 파일은 과거 프리웨어일 때 버전인 1.6.4 버전을 올려 드렸습니다. 현재 최신 버전인 2.1 버전은 유료로 전환되었습니다. [http://icofx.ro/index.html] 그렇기에 간단하게 제약없이 사용하실 분들은 제가 올려드린 파일을 다운로드 받아 설치하시면 됩니다.

참고로 설치 과정 중간 아래와 같은 오류가 뜰 수 있습니다. 스페인어 언어 파일명의 문제이니 무시하시고 계속 설치하시면 됩니다.





아이콘 파일 만들기

아이콘 파일을 만드실려면 일단 아이콘 파일로 만들 적절한 이미지 파일이 필요합니다. 깔끔한 아이콘 파일을 원하시면 배경이 투명 처리된 PNG 나 GIF 이미지 파일을 구하시는게 좋습니다. 이미지 파일의 크기는 제한이 없지만 256 x 256 해상도를 넘지 않는 것으로 준비하시는게 가장 좋습니다.

아이콘으로 만드실 이미지 파일을 준비하셨으면 IcoFX 를 실행하신 후 좌측의 Explorer 창이나 툴바의 폴더 아이콘, 또는 메뉴의 File -> Open 을 통해 이미지 파일을 열어줍니다.



그럼 아래와 같이 가장 먼저 아이콘 파일의 규격을 설정하게 됩니다. 파비콘은 16 x 16 사이즈입니다. 칼라는 배경의 투명 처리를 유지하기 위해 그대로 True Color + Alpha Channel 로 놔두시면 됩니다. OK 버튼을 클릭합니다.



다음으로 선택한 원본 이미지의 미리 보기와 옵션들이 나오게 됩니다. 옵션들의 설명은 아래를 참고하시고 보통은 기본값대로 놓으시고 OK 버튼을 클릭하시면 됩니다.


Selection Size : 원본 이미지 중 아이콘 용으로 사용될 부분의 사이즈와 위치를 선택 합니다.
Fixed : 16 x 16 ~ 256 x 256 사이즈의 크기로 선택 합니다.
Custom : 사용자가 마우스로 드래그하여 원하는 크기를 직접 설정합니다. 기본 전체 이미지가 선택되어져 있습니다.

Action : 이미지의 처리 방식을 선택합니다.
Resize the image : 이미지를 지정한 아이콘 크기에 맞춰 리사이즈 합니다.
Crop the image : 이미지를 지정한 아이콘 크기에 맞춰 잘라냅니다.

Transparency : 투명도 처리 방식을 설정합니다.
As is : 원본 이미지 그대로 사용합니다.
Left bottom pixel : 가장 좌측 하단의 픽셀의 색을 기준으로 투명 처리합니다.
Custom Color : 투명 처리할 색을 직접 선택(포인터로 이미지에서 선택 또는 칼라표 이용)합니다.

※ 투명 이미지를 준비하지 못하고 배경이 하얀색의 이미지를 준비하셨다면 Transparency 에서 Left bottom pixel 을 선택하시거나 Custom Color 에서 배경을 선택하여 주시면 배경 부분이 투명 처리 됩니다. 다만 원래 투명 처리된 이미지보다는 결과가 깔끔하지 못할 수 있습니다.


아이콘의 생성을 모두 마쳤습니다. 간단하죠? 이제 툴바에서 디스켓 아이콘을 클릭하여 생성한 아이콘 파일을 저장하시면 됩니다.





블로그 파비콘 등록하기

그럼 실제로 이렇게 만든 아이콘 파일을 파비콘으로 등록해 보도록 하겠습니다. 티스토리를 기준으로 관리자 화면 -> 환경 설정의 기본 정보로 들어간 후 아이콘 그룹에서 파비콘에 방금 생성한 아이콘을 등록해 주시면 됩니다.



파비콘의 등록이 모두 완료된 모습입니다.



간단하죠? 파워 윈도우즈의 파비콘도 이렇게 만든 겁니다. ^^ 그럼 모두 자신의 블로그에 자신의 블로그만을 나타내는 멋진 파비콘을 달아보세요~



 

 

신고
캐플 블로그에 공개된 글은 반드시 원본 글의 링크를 포함시키는 조건으로 자유롭게 이용하실 수 있습니다.
하지만 블로그의 발전을 위하여 되도록이면 링크로 글을 소개해주시길 부탁드립니다. ^^

- 상업적인 용도의 사이트는 대상에서 제외됩니다. -
- 글에는 오류가 있을 수 있고, 추후 수정 또는 재발행될 수 있습니다. -
  1. 도사100 2012.04.12 12:59 신고  댓글주소  수정/삭제  댓글쓰기
    잘 봤습니다
    저도 파비콘 한번 만들어 보겠습니다

댓글을 달아 주세요

- 댓글에선 예의를 지켜주시기 바라며, 블로그지기는 댓글에서 따로 활동하지 않습니다.

* 티스토리 사용자는 여기를 클릭하시면 로그인 됩니다.

BBCode 안내   굵게 밑줄 기울임 취소선   취소선 취소선 취소선 취소선   왼쪽 정렬 가운데 정렬 오른쪽 정렬   코드박스 인용구 이미지   이미지 업로드-Imgur.com