Adding an Image in PyQt5 Using Qt Designer and Python

In PyQt5, you can easily add an image to your GUI using Qt Designer. Qt Designer is a powerful tool that allows you to design and create UIs with ease. In this tutorial, I will show you how to add an image to your PyQt5 application using Qt Designer.

Step 1: Create a new PyQt5 application

First, you need to create a new PyQt5 application. You can do this by creating a new Python file and importing the necessary libraries:

import sys
from PyQt5.QtWidgets import QApplication, QMainWindow

Next, create a new class that inherits from QMainWindow:

class MyApp(QMainWindow):
    def __init__(self):
        super().__init__()

Inside the __init__ function, create a new instance of QApplication and set up the window:

        self.setWindowTitle('Image Example')
        self.setGeometry(100, 100, 800, 600)

Step 2: Using Qt Designer to add an image

Next, open Qt Designer and create a new form. Drag and drop a QLabel widget onto the form. This will be used to display the image.

Right-click on the QLabel widget and select Promote to… In the Promote to dialog, enter QLabel in the Base class name and the header file your QLabel Class.

Now, save the form as a .ui file.

Step 3: Converting .ui file to .py file

Open a terminal and run the following command to convert the .ui file to a .py file:

pyuic5 -x your_form.ui -o your_form.py

Step 4: Adding image to the QLabel widget

Open the generated .py file and locate the setupUi function. Inside this function, you can set the image to be displayed by setting the pixmap property of the QLabel widget:

from PyQt5.QtGui import QPixmap

self.label.setPixmap(QPixmap('path_to_your_image.jpg'))

Make sure to replace ‘path_to_your_image.jpg’ with the actual path to your image file.

Step 5: Connecting the PyQt5 application with the .ui file

Finally, in your main Python file, import the generated .py file and use it to set up the UI:

from your_form import Ui_MainWindow

class MyApp(QMainWindow):
    def __init__(self):
        super().__init__()
        self.ui = Ui_MainWindow()
        self.ui.setupUi(self)

Run your PyQt5 application, and you should see the image displayed in the QLabel widget.

That’s it! You have successfully added an image to your PyQt5 application using Qt Designer. I hope this tutorial was helpful, and you can now easily add images to your PyQt5 GUIs.