DEV Community

threadspeed
threadspeed

Posted on

3 2

How do I display an Image in PyQt5/PySide2?

The QPixmap class is used to display the image inside a PyQt/Pyside window, either as a QPainterDevice object or loaded into a control, usually a label or button.

QPixmap can read image file types such as BMP, GIF, JPG, etc. If you want to display animated GIFs, you can use QMovie. PyQt can also display videos.

QPixmap is one of the widgets used to process images. It is optimized for displaying images on the screen. In our code example, we will use QPixmap to display the image on the window.

If you are new to PyQt, I suggest this course/book.

PyQt show image

The code below loads an image using a QPixmap. It attaches the QPixmap to a QLabel. The label is added to an QHBoxLayout and the QHboxLayout to the window.



from PyQt5.Qt import (QWidget, QHBoxLayout, QLabel, QApplication)                                                                          
from PyQt5.QtGui import QPixmap                                                                                                            
import sys                                                                                                                                 

class Example(QWidget):                                                                                                                    
    def __init__(self):                                                                                                                    
        super().__init__()                                                                                                                 
        self.initUI()                                                                                                                      

    def initUI(self):                                                                                                                      
        hbox = QHBoxLayout(self)                                                                                                           
        pixmap = QPixmap("cat.jpg")                                                                                                        

        lbl = QLabel(self)                                                                                                                 
        lbl.setPixmap(pixmap)                                                                                                              

        hbox.addWidget(lbl)                                                                                                                
        self.setLayout(hbox)                                                                                                               

        self.move(300, 200)                                                                                                                
        self.setWindowTitle('Image with PyQt')                                                                                             
        self.show()                                                                                                                        

if __name__ == '__main__':                                                                                                                 

    app = QApplication(sys.argv)                                                                                                           
    ex = Example()                                                                                                                         
    sys.exit(app.exec_())      


Enter fullscreen mode Exit fullscreen mode

qpixmap show image

In our example, we display the image on the window.



pixmap = QPixmap("cat.png")


Enter fullscreen mode Exit fullscreen mode

We create a QPixmap object. It takes the name of the file as an argument.



lbl = QLabel(self)
lbl.setPixmap(pixmap)


Enter fullscreen mode Exit fullscreen mode

We put the pixmap into the QLabel widget.
Alternatively you can use designer.

PySide2 show image

The PySide2 version is similar. Both the PyQt and PySide toolkits are actively maintained, and by now more or less equal in features and quality. There are only few, rather unimportant differences.



import sys                                                                                                                                 
from PySide2.QtGui import QPixmap                                                                                                          
from PySide2.QtWidgets import QMainWindow, QApplication, QLabel                                                                            

class MainWindow(QMainWindow):                                                                                                             

    def __init__(self):                                                                                                                    
        super(MainWindow, self).__init__()                                                                                                 
        self.title = "Load image in PySide2"                                                                                               
        self.setWindowTitle(self.title)                                                                                                    

        label = QLabel(self)                                                                                                               
        pixmap = QPixmap('cat.jpg')                                                                                                        
        label.setPixmap(pixmap)                                                                                                            
        self.setCentralWidget(label)                                                                                                       
        self.resize(pixmap.width(), pixmap.height())                                                                                       

app = QApplication(sys.argv)                                                                                                               
w = MainWindow()                                                                                                                           
w.show()                                                                                                                                   
sys.exit(app.exec_())  


Enter fullscreen mode Exit fullscreen mode

Reference

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay