[NSIS] Welcome 및 Header 이미지, 아이콘 추가하기 (예제 포함)

소개

본 포스팅에서는 설치 과정 중 환영 페이지(Welcome Page) 및 상단(Header) 이미지를 삽입하는 방법을 소개합니다.

Welcome Page 이미지

Header 이미지

이미지 준비하기

Header 이미지는 150x57 pixel 크기의 이미지를 권장합니다. NSIS를 설치했다면, 아래 경로에 샘플 이미지가 있습니다.

C:\Program Files (x86)\NSIS\Contrib\Graphics\Header

샘플 헤더 이미지

Welcome 이미지는 164x314 pixel 크기의 이미지를 권장합니다. 마찬가지로 아래 경로에 샘플 이미지가 있습니다. 

C:\Program Files (x86)\NSIS\Contrib\Graphics\Wizard

샘플 웰컴 이미지

아이콘의 권장 크기는 모르겠지만, 일반적인 ico 파일을 사용하면 되겠습니다. 아래 경로에 샘플 아이콘이 있습니다.

C:\Program Files (x86)\NSIS\Contrib\Graphics\Icons

샘플 아이콘

따라 하기

먼저, 아래 링크를 참고하여 기본 틀을 생성합니다.

[NSIS] HM NIS Edit로 쉽고 빠르게 설치 파일 만들기

[NSIS] HM NIS Edit로 쉽고 빠르게 설치 파일 만들기

아이콘 변경하기

기본 틀에서 아래 표시한 부분을 변경하면 아이콘을 교체할 수 있습니다. "" 부분에 파일 경로를 지정하면 되겠습니다. MUI_ICON은 설치 아이콘을, MUI_UNICON은 언인스톨 아이콘을 의미합니다.

아이콘 변경하기

아래와 같이 다른 아이콘으로 지정해 보겠습니다.

!define MUI_ICON "${NSISDIR}\Contrib\Graphics\Icons\box-install.ico"
!define MUI_UNICON "${NSISDIR}\Contrib\Graphics\Icons\box-uninstall.ico"

컴파일 후 실행해 보면 변경된 아이콘을 확인할 수 있습니다.

변경된 아이콘

마찬가지로 Header 및 Welcome 이미지를 변경해 보겠습니다. MUI_HEADERIMAGE_BITMAP은 설치 과정 중의 Header 이미지를, MUI_HEADERIMAGE_UNBITMAP은 제거 과정 중의 Header 이미지를 의미합니다.

마찬가지로 MUI_WELCOMEFINISHPAGE_BITMAP은 설치 과정 중의 환영 및 종료 이미지를, MUI_WELCOMEFINISHPAGE_UNBITMAP은 제거 과정 중의 환영 및 종료 이미지를 의미합니다.

!define MUI_HEADERIMAGE
!define MUI_HEADERIMAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Header\orange.bmp"
!define MUI_HEADERIMAGE_UNBITMAP "${NSISDIR}\Contrib\Graphics\Header\orange-uninstall.bmp"

!define MUI_WELCOMEFINISHPAGE_BITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange.bmp"
!define MUI_WELCOMEFINISHPAGE_UNBITMAP "${NSISDIR}\Contrib\Graphics\Wizard\orange-uninstall"

위와 같이 적용하면 아래와 같이 이미지가 변경됩니다.

변경된 Welcome 이미지

변경된 Header 이미지

참 쉽죠? 기본으로 제공되는 이미지가 마음에 들지 않으면 직접 만들어서 교체하면 됩니다. 본문의 예제 파일도 첨부하니 참고해보세요.

exam_resource.nsi

0.00MB