How can I change the splash screen image?

[Haytam95]

Hi ! First of all, thanks for this great boilerplate.

I have a quick question, how can I change the splashScreen when the application is starting?

By default it has in the file electron-builder.json and builder-effective-config.yaml

"portable": {
    "splashImage": "dist/assets/icons/electron.bmp"
  },

I tried changing that to another image (electron.jpg for example), but the new splash never displays. Is there any requirement for the image or somewhere else to change?

[erwinvanlun]

change src/assets/background.jpg?

[Haytam95]

I tried changing that image (it's a bmp) and nothing is shown during the startup

Edit: I don't want to change the background, but the "Electron is loading" splash screen

[maximegris]

The documentation is not clear about that but first be sure your new image is a bitmap with 24bit and nonzero resolution. Check this thread, it gives you tools to convert your .bmp image to 24bit file. I tried with Paint it worked.

Then you can find electron.bmp file in assets/icons folder.

Two way to replace the splash image :

• Replace the current file by yours while keeping the same name.
• Add your .bmp image in this folder, then replace electron.bmp with your file name in the file electron-builder.json you mentionned.

Finally don't forget to run npm run electron:build to apply changes on your app.

[Haytam95]

Thanks!