Mengganti Icon dan Logo Installer NSIS

Pada artikel ini akan dijelaskan cara mengganti icon dari installer NSIS (file EXE yang dihasilkan dari proses compile), dan logo atau gambar pada window Welcome dan Finish, serta gambar header dari window instalasi.

Sebagai ilustrasi berikut ini adalah gambar icon yang default dari sebuah installer.

nsis-image-01

Berikut ini adalah gambar dari window welcome dan finish yang default dari NSIS.

nsis-image-02

Dan berikut ini adalah gambar dari header window yang default dari NSIS.

nsis-image-03

Icon dan gambar default tersebut akan diganti menggunakan icon dan gambar yang dibuat sendiri.

Silakan mengikuti langkah-langkah berikut ini:

  1. Siapkan sebuah sebuah icon (file dengan ekstensi ICO) yang akan menggantikan icon NSIS yang default.
  2. Untuk gambar di window welcome/finish, siapkan sebuah gambar dengan ektensi BMP dan beresolusi 164 x 314 pixel. Berdasarkan pengalaman penulis, beberapa editor gambar tidak dapat menghasilkan bitmap yang bisa ditampilkan oleh NSIS. Dari beberapa percobaan hanya gambar yang dibuat dengan program Paint dari Windows yang berhasil.

Anda boleh memiliki gambar asli dalam format lain misalnya JPG atau PNG kemudian gambar tersebut diedit menggunakan editor gambar pilihan Anda (misalnya Photoshop atau GIMP). Namun untuk hasil akhirnya gambar tersebut harus dibuka menggunakan Paint dan lakukan Save-As sebagai file Bitmap 24 bit.

  1. Untuk gambar header di window instalasi, siapkan sebuah gambar dengan ektensi BMP dan beresolusi 150 x 57 pixel.
  2. Buka file skrip NSIS yang Anda miliki dan lakukan modifikasi pada bagian awal file tersebut.

Penjelasan:

  • Pada contoh di atas icon tersebut bernama ico.
  • Gambar window welcome/finish bernama bmp.
  • Gambar header window installer bernama bmp.

 Tempatkan semua file ICO dan BMP di folder yang sama dengan file skrip NSIS.

  1. Silakan simpan dan compile file skrip tersebut.

 

Dengan modifikasi tersebut perhatikan icon dari file installer telah berubah.

Berikut ini adalah contoh tampilan window welcome. Gambar yang sama juga akan muncul pada window finish.

nsis-image-04

Tampilan dari header installer diperlihatkan pada gambar di bawah ini.

nsis-image-05

Demikianlah tips singkat untuk mengganti icon dan gambar logo pada installer NSIS.

 

end-of-doc

 

Leave a Reply

Your email address will not be published. Required fields are marked *