Set A Photo Image for Boot Screen in Ubuntu 24.04 |22.04

Last updated: May 5, 2024 — Leave a comment

Want to customize the startup, and shutdown animation screen with a single background image? Here’s how to do the trick in Ubuntu 22.04 and Ubuntu 23.04.

I’ve written a tutorial about how to disable the Manufacturer Logo in boot animation.

For request, this is a step by step guide shows how to create a basic plymouth theme with only a background image. And, it should work in all current Ubuntu releases, and even other Linux distributions.

Step 1: Create Plymouth Theme

As you may know, the startup, shutdown and restart animation screens are handled by Plymouth with themes.

Each Plymouth theme has its theme-name folder under /usr/share/plymouth/themes/ directory, which usually contains:

  • theme-name.plymouth
  • theme-name.script
  • Image files (.png).

NOTE: In all commands/config files below, replace ‘mybootscreen’ with your desired name. Lazy men can just copy & paste without changing anything.

1. To create a Plymouth theme, first press Ctrl+Alt+T on keyboard to open a terminal window.

When terminal opens, run command to create a theme folder, named “mybootscreen“:

sudo mkdir -p /usr/share/plymouth/themes/mybootscreen

2. Then, run command to navigate to that folder as working directory:

cd /usr/share/plymouth/themes/mybootscreen

3. Now, create & edit the “theme-name.plymouth” file by running command:

sudo gedit mybootscreen.plymouth

replace gedit with gnome-text-editor for Ubuntu 24.04. Or, use nano that works in most Linux.

4. When file opens, paste following lines and save it!

[Plymouth Theme]
Name=mybootscreen
Description=a basic Plymouth theme with only background image
ModuleName=script

[script]
ImageDir=/usr/share/plymouth/themes/mybootscreen
ScriptFile=/usr/share/plymouth/themes/mybootscreen/mybootscreen.script

For nano text editor, press Ctrl+X, type Y and hit Enter to save file.

5. Next, create and edit the ‘theme-name.script’ file by running command:

sudo gedit mybootscreen.script

Also, replace gedit with gnome-text-editor or nano accordingly.

When file opens, paste the following lines and save it:

// Get Screen Width and Height
screen.w = Window.GetWidth();
screen.h = Window.GetHeight();

// Specify background image, and scale to fit screen width & height.
my_image = Image("myimage.png");
resized_my_image = my_image.Scale(screen.w, screen.h);

// Place the 'resized_my_image' on the screen.
my_sprite = Sprite(resized_my_image);

// Set the priority of 'my_sprite', number -10 in the case.
// If multiple images present, the one with higher 'Z' will
// be drawn on top.
my_sprite.SetZ(-10);

6. Copy or move your desired background image (PNG) to the ‘/usr/share/plymouth/themes/mybootscreen‘ directory.

To do so, you may right-click on the folder that contains your photo image, then select “Open in Terminal” to open that folder as working directory. Finally, run command to copy/move the file:

sudo cp your_image_file.png /usr/share/plymouth/themes/mybootscreen/myimage.png

Here you HAVE to replace “your_image_file.png” accordingly.

Step 2: Change file permissions

This step is optional if you did the previous step in local machine. In case you moved the theme folder to reimplement in another machine, try changing the theme folder permission by running command:

sudo chmod -R 755 /usr/share/plymouth/themes/mybootscreen

Step 3: Apply the Theme

This Step works only for Ubuntu based systems!

1. First, press Ctrl+Alt+T on keyboard to open a terminal window. When it opens, run command to install the theme you just created as an alternative:

sudo update-alternatives --install /usr/share/plymouth/themes/default.plymouth default.plymouth /usr/share/plymouth/themes/mybootscreen/mybootscreen.plymouth 1

2. Then, run command below to show the theme selection screen:

sudo update-alternatives --config default.plymouth

Type the number (number 3 in screenshot) for your theme and hit Enter!

Finally, reboot your machine to see the change!

Last words

You have to do ‘Step 1’ carefully. A small mistake can cause blank boot screen, though your system still boot and work without issue!

Twitter

I'm a freelance blogger who started using Ubuntu in 2007 and wishes to share my experiences and some useful tips with Ubuntu beginners and lovers. Please comment to let me know if the tutorial is outdated! And, notify me if you find any typo/grammar/language mistakes. English is not my native language. Contact me via [email protected] Buy me a coffee: https://ko-fi.com/ubuntuhandbook1 |

No Comments

Be the first to start the conversation.

Leave a Reply

Text formatting is available via select HTML.

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> 

*