How to create Multi-res ICO files using GIMP, 멀티 리소스 아이콘 만드는 방법

The ICO file contains 6 icons. How to create Multi-res ICO files using GIMP, 

멀티 리소스 아이콘 파일 포맷, 아이콘 만드는 방법

김프 GIMP http://www.gimp.org/downloads/

아래 사이트에서 해당 툴을 다운 받아 설치한다. 

GIMP를 사용해서 여러 사이즈가 담겨있는 .ico 파일을 쉽게 만들 수 있다.

만드는 방법은 서로 다른 사이즈의 이미지를 각 레이어를 사용하는 것이다.

It's easy to create multi-res .ico files using GIMP.

The method is to use multiple layers with different sizes.

간단하게 설명하면 다음과 같다.

1. GIMP에서 이미지를 불러온다. 

2. 해당 이미지를 256 픽셀 이하로 사이즈를 줄인다. (256 픽셀 이상으로 작업하면 ico 파일로 저장할 수 없다.) 

3. 이미지에 적당히 언샵마스크를 준다.

4. 레이어를 복사한다.

5. 복사한 레이어를 다음 사이즈로 줄인다.

6. 이미지에 적당히 언샵마스크를 준다.

7. 레이어를 복사한다.

8. 복사한 레이어를 다음 사이즈로 줄인다.

9. 레이어 복사, 리사이징, 언샵 마스크를 반복한다.

10. 내보내기

11. .ico 파일 포맷으로 저장한다.

1. Open the image in GIMP.

2. Resize the image layer below 256 pixel.

3. Unsharp mask the image.

4. Duplicate the layer.

5. Resize the duplicated layer to the next size.

6. Unsharp mask the image.

7. Duplicate the layer.

8. Resize the duplicated layer to the next size. 

9. Keep duplicating, resizing and unsharp masking layers for all size you want. ( 256 > 128 > 96 > 48 > 32 > 16 )

10. Export As ...

11. Save as .ico file

How to create Multi-res ICO files using GIMP

멀티 리소스 아이콘 파일 포맷 만드는 방법, 하나의 아이콘에 여러 사이즈의 아이콘을 넣는 방법

The ICO file contains 6 icons. 

Step 1. GIMP에서 아이콘으로 만들 이미지를 불러온다.

Step 2. 왼편 [도구상자 - 도구 옵션]에서 크기 조절 도구를 선택한다.

Step 3. 크기 조절 도구를 선택한 상태에서 이미지를 클릭하게 되면 크기 조정 창이 뜬다.

크기 조정 창 중간에 쇠사슬 체인 모양은 너비나 높이를 변경할 때 같은 비율로 값을 변화시킨다. 그러므로 아래 그림과 같이 연결 모양이 되도록 클릭하고, 이미지의 너비와 높이는 256 픽셀이 넘지 않도록 설정한다.

Step 4. 우측 레이어 창에서 레이어의 복사본을 만든다. 

Step 5. 레이어 복사본을 선택한 후 크기 조정을 한다.

크기는 본인이 사이즈를 조정할 수 있다. 

일반적으로 사용하는 사이즈는 256 > 128 > 96 > 48 > 32 > 16 사이즈 순이다. 

Step 6. 이미지의 사이즈가 줄어들면서 이미지의 경계가 흐리게 보이는 경우가 있다.

이럴 때는 [필터 - 강화 - 언샤픈 마스크(Unsharp Mask)]를 통해 이미지를 보다 선명하게 만든다.

언샵 마스크 외에도 [선명하게(Sharpen)]를 이용하거나 다른 방법을 통해 이미지를 보다 선명하게 만들 수 있다.

언샵 마스크(Unsharp Mask)의 속성값은 반경, 총량, 임계값으로 되어 있다.

여기서 알아두어야 할 사항은 반경과, 총량이다. 반경은 픽셀의 반경을 말하고, 총량은 샤픈의 강도를 나타낸다.

미리보기에 체크를 해서 적절하게 조절한다.

Step 7. 이러한 레이어 복사 - 리사이징 - 샤픈 과정을 되풀이 하면서 각 레이어에 원하는 이미지 사이즈를 만든다.

그 결과는 아래와 같다.

   

Step 8. 각 레이어마다 크기가 다른 이미지 작업을 완료했다면 [파일 - Export As...]를 클릭해서 작업한 이미지를 ico 의 파일 형식으로 내보내기를 한다.

이미지를 내보낼 때는 하단에 [파일 유형 선택]의 + 버튼을 클릭해서 Microsoft Windows 아이콘을 선택한다.

파일 이름을 적고 [내보내기] 버튼을 클릭한다.

내보내기 버튼을 누르면 최종 아이콘 상세 정보를 볼 수 있다. 별다른 설정없이 바로 [내보내기] 버튼을 클릭한다.

일반적인 단일 아이콘 파일과 멀티 사이즈를 가진 아이콘의 비교

다음은 일반적인 단일 사이즈의 아이콘과 여러 사이즈의 아이콘을 내장한 아이콘의 이미지 비교이다.

파일 보기 형식을 바꿔가며 비교해보면, 256픽셀 또는 128픽셀에서는 두 이미지상의 큰 차이가 없다. 

96 픽셀 사이즈가 나타나는 파일보기 형식부터는 단일 아이콘 이미지가 깨져보이기 시작한다. 

그 반면 멀티 리소스를 가진 아이콘은 정상적으로 나타난다.

16픽셀 이미지에서도 마찬가지로 멀티 아이콘이 선명하게 나타난다.

실제 256 픽셀의 이미지인데 128픽셀로 나오는 부분은 아직 확인되지 않아 설명할 수 없다.

하지만 위 아이콘 이미지는 256픽셀이 맞다.

이미지 파일 용량을 비교해도 멀티 레이어로 리소스를 가진 아이콘 파일이 용량이 더 작다.

이것은 테스트해보지 않았지만 비슷하거나 서로 업치락 뒷치락 할 것 같다.

멀티 리소스 아이콘을 포토샵에서 불러오면 위와 같이 6개의 아이콘이 하나의 파일에 포함되어 있는 것을 볼 수 있다. 

작업하려는 크기를 선택해서 열 수 있다.

ICO Format: Choose icon

The ICO file contains 6 icons.

Choose the one you wish to open: