Using resources files with Qt designer

Published: · Last updated:

Estimated Reading Time: 2 minutes

I’ve planned writing on this for long but I’ve just been so busy. When I started building GUI programs with Qt designer, this was a big challenge for me for a while but somehow I figured it out on my own.

When creating a GUI project in Qt designer, you need images on some parts of your interface. Qt designer allows you add images that have been included in your resource files. My first pain was “How the heck do I add images to this resource file and where the heck is it?”.

Well I said I figured it out on my own but yet I got the little internet aid. I found out from a search that I needed to have a app.qrc file for my resource files. This was all the information I got.

After failing to create a resource file several times, I decided to try out the “Add new resource file button”


From this point you can open an existing qrc file or create a new one.

{% image apprc1.png alt="apprc1" class="image" %} apprc1

Now we can add images as needed to the file


Now that’s it. When saved, this creates our app.qrc in the following format:

  <qresource prefix="/images">

So far I’ve named my resource file app.qrc. After compiling your ui file with pyuic, it will require a to be imported. In a case where you chose example.qrc for your resource files, a file is expected from the generated UI python modules. To create this resource modules containing binaries of our image data, we have to use pyrcc to compile to python like so:

pyrcc app.qrc >

Now we have successfully made use of our resource files with our GUI program. If you have any additions please don’t hesitate to drop it in the comments.