Tkinter PhotoImage | Python GUI Tutorial

Tkinter PhotoImage

Images can be applied to many places, such as labels, function buttons, option buttons, text areas, etc.

You can create an image object with the PhotoImage( ) method before using it, and then apply this object to other window components.

The syntax of Tkinter PhotoImage is as follows:

imageobj = PhotoImage(file="apidemos.gif") # The extension gif, passed back to the image object

Note that the PhotoImage( ) method only supports the gif file format in the early days, and does not accept images in the commonly used jpg or png formats, but currently supports the png format. It is recommended to place the gif image in the program’s folder for ease of use.

You can set this image object in the Label( ) method using the image=imageobj parameter.

Tkinter PhotoImage Example#1

Window showing the basic application of apidemos.gif image.

"""
Set the image displayed by the control
"""
from tkinter import *

root = Tk()
root.title("apidemos.com")

html_gif = PhotoImage(file="apidemos.gif")

label = Label(root,image=html_gif) # Set the image displayed by the widget control
label.pack()        # Packaging and positioning components

root.mainloop()

Output:

Tkinter PhotoImage

If you want to display jpg files inside the tab, you need to use the Image and ImageTk modules of the PIL module, please import the pillow module first, as shown below.

pip install pillow

Note that it is the PIL module that needs to be imported in the programming, mainly because of compatibility with older versions of the Python Image Library, as shown below.

from PIL import Image, ImageTk

Tkinter PhotoImage Example#2

Displaying apidemos.png inside a Label.

"""
Set the image displayed by the control
"""
from tkinter import *
from PIL import Image,ImageTk

root = Tk()
root.title("apidemos.com")
root.geometry("680x400")

image = Image.open("apidemos.png")
# image = Image.open("1.jpg")
yellowstone = ImageTk.PhotoImage(image)

label = Label(root,image=yellowstone) # Set the image displayed by the widget control
label.pack()        # Packaging and positioning components

root.mainloop()

Output:

Tkinter PhotoImage

You can refer to Tkinter Widget compound Parameter Use the compound parameter to make the image coexist with the text label.

Tkinter PhotoImage Example#3

Application with both text labels and images in the window.

"""
Set the image and text displayed by the control
"""
from tkinter import *
from PIL import Image,ImageTk

root = Tk()
root.title("apidemos.com")
# root.geometry("680x400")
costomizedText = """welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com"""

image = Image.open("apidemos.png")
# image = Image.open("1.jpg")
yellowstone = ImageTk.PhotoImage(image)

label = Label(root,text=costomizedText,image=yellowstone,
                bg="lightyellow",compound="left") 
label.pack()        

root.mainloop()

Output:

Tkinter PhotoImage

As you can see from the execution results above, the text label is center-aligned by default for the 2nd line of output. We can add the justify=LEFT parameter inside the Label( ) method to make the 2nd line of data output to the left.

Tkinter PhotoImage Example#4

Add the parameter justify="left" in line 10 to output the second line of the text label to the left, and to display the image to the right of the text label.

"""
Set the image and text displayed by the control
"""
from tkinter import *
from PIL import Image,ImageTk

root = Tk()
root.title("apidemos.com")
# root.geometry("680x400")
costomizedText = """welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com"""

image = Image.open("apidemos.png")
# image = Image.open("1.jpg")
yellowstone = ImageTk.PhotoImage(image)

label = Label(root,text=costomizedText,image=yellowstone,
                justify="left",compound="right") 
label.pack()        

root.mainloop()

Output:

Tkinter PhotoImage

The last thing to remember is that the bitmap parameter and the image parameter cannot coexist, and if this happens, the bitmap parameter will not work.

Tkinter PhotoImage Example#5

The image coexists with the text, which is overlaid on top of the image.

"""
Set the image and text displayed by the control
"""
from tkinter import *
from PIL import Image,ImageTk

root = Tk()
root.title("apidemos.com")
# root.geometry("680x400")
costomizedText = """welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com
welcome to apiodemos.com"""

image = Image.open("apidemos.png")
# image = Image.open("1.jpg")
yellowstone = ImageTk.PhotoImage(image)

label = Label(root,text=costomizedText,image=yellowstone,
                bg="lightyellow",compound="center") 
label.pack()        

root.mainloop()

Output:

Tkinter PhotoImage

Like(1)
Python Tkinter Tutorial
Python Tkinter tutorialTkinter Create WindowTkinter Window propertiesTkinter Window positionTkinter Widget IntroductionTkinter Widget Common PropertiesTkinter Widget Common MethodTkinter Widget Foreground ColorTkinter Widget DimensionsTkinter Widget AnchorTkinter Widget FontTkinter Widget Bitmaps PropertyTkinter Widget compound ParameterTkinter Widget reliefTkinter PhotoImageTkinter Widget config() MethodTkinter Widget Cursors PropertyTkinter Widget keys() MethodTkinter SeparatorTkinter Variable Basic conceptsTkinter Variable get() and set()Tkinger variable trace() using w modeTkinter variable trace() using r modeTkinter trace() method callback ParametersTkinter variables Example - CalculatorTkinter Widget command parameter
Tkinter Label
Python Tkinter LabelTkinter Label wraplengthTkinter Label justify ParameterTkinter Label Padding
Tkinter Widget Layout Manager
Tkinter Widget Layout ManagerTkinter pack side parameterTkinter pack padx/pady parameterTkinter pack ipadx/ipady parameterTkinter pack anchor parameterTkinter pack fill parameterTkinter pack expand parameterTkinter pack methodTkinter grid row and columnTkinter grid columnspan parameterTkinter grid rowspan parameterTkinter grid padx and pady parameterTkinter grid sticky parameterTkinter grid method exampleTkinter grid rowconfigure() and columnconfigure()Tkinter place x/y parameterTkinter place width/height parameterTkinter place relx/rely and relwidth/relheight parameter
Tkinter Button
Tkinter Button TutorialTkinter Button Lambda ExpressionTkinter Button with an imageTkinter Button Implement a simple calculatorTkinter Cursor shape on Button
Tkinter Entry
Tkinter Entry TutorialTkinter Entry Show ParameterTkinter Entry get() MethodTkinter Entry insert() MethodTkinter Entry delete() MethodTkinter eval calculates mathematical expressions
Tkinter Radiobutton
Tkinter Radiobutton TutorialTkinter Radiobutton with DictionaryTkinter Box RadiobuttonTkinter Radiobutton with Image
Tkinter Checkbutton
Tkinter Checkbutton TutorialTkinter Checkbutton Example
Tkinter Frame
Tkinter Frame TutorialTkinter Create widget inside FrameTkinter Frame relief propertiesTkinter Create Checkbuttonin FrameTkinter Frame relief attribute additional supportTkinter LabelFrame TutorialTkinter add Checkbutton in LabelFrameTinker Toplevel TutorialTkinter Simulation dialog using Toplevel window
Tkinter Scale
Tkinter Scale BasicTkinter get and set the Scale value of ScaleTkinter Scale Set Window Background ColorTkinter colorchooser askcolor() MethodTkinter Frame and Scale integrated Example
Tkinter Spinbox
Tkinter Spinbox TutorialTkinter Spinbox get methodTkinter stores Spinbox's numerical data in sequenceTkinter Spinbox uses non-numeric data
Tkinter Message
Tkinter Message TutorialTkinter Message Handling text parameters with string variablesTkinter Messagebox Tutorial
Tkinter Event
Tkinter Event BindTkinter mouse binding basic usageTkinter keyboard binding basic usageTkinter Keyboard and mouse event binding pitfallsTkinter Event unbindTkinter Binding multiple event handlers to single eventTkinter Protocols
Tkinter ListBox
Tkinter ListBox TutorialTkinter ListBox insert() MethodTkinter Listbox Basic OperationTkinter ListBox Item CountTkinter ListBox selects specific index itemsTkinter ListBox Delete specific index itemsTkinter ListBox Pass back the specified index itemTkinter ListBox Return the index of the selected itemTkinter ListBox check if the specified item is selectedTkinter ListBox Virtual binding applied to radio selectionTkinter ListBox Virtual binding applied to multiple choicesTkinter ListBox Add and Delete ItemTkinter Listbox Order ItemsTkinter Drag and drop the items in the ListboxTkinter Scrollbar in Listbox
Tkinter OptionMenu
Tkinter OptionMenu TutorialTkinter OptionMenu Create items with tupleTkinter OptionMenu Create default optionTkinter OptionMenu Get option content
Tkinter Combobox
Tkinter Combobox TutorialTikinter Combobox Set default optionTkinter Combobox Get current optionTkinter Bind Combobox
Tkinter PanedWindow
Tkinter PanedWindow TutorialTkinter PanedWindow Insert Child ObjectTkinter PanedWindow Create LabelFrame as child objectTkinter PanedWindow weight parameterTkinter Insert different controls in PanedWindow
Tkinter Notebook
Tkinter Notebook TutorialTkinter Notebook Bind tabs to child control content
Tkinter Progressbar
Tkinter Progressbar TutorialTkinter Progressbar AnimationTkinter Progressbar start/step/stop MethodTkinter Progressbar Indeterminate Mode
Tkinter Menu
Tkinter Menu TutorialTkinter Menu tearoff ParameterTkinter Menu Add separator between listsTkinter Menu Create multiple menu applicationsTkinter Menu Alt shortcutTkinter Menu Ctrl+ShortcutsTkinter Menu Create submenuTkinter Menu Create pop-up menuTkinter Menu add_checkbuttonTkinter Menu Create Toolbar
Tkinter Text
Tkinter Text TutorialTkinter Text Insert textTkinter Text Add Scrollbar designTkinter Text family ParameterTkinter Text weight ParameterTkinter Text size ParameterTkinter Text Select textTkinter Text’s indexTkinter Text Create MarksTkinter Text TagsTkinter Text Cut/Copy/Paste FunctionTkinter Text Undo and RedoTkinter Text Find TextTkinter Text Spell CheckTkinter Store Text Control ContentTkinter Text New DocumentTkinter Open DocumentTkinter Default ScrolledText control with scrollbarsTkinter Text Insert Image
Tkinter Treeview
Tkinter Treeview TutorialTkinter Format content of Treeview fieldsTkinter Treeview Create row content in different colorsTkinter Create a hierarchical TreeviewTkinter Treeview Insert ImageTkinter Treeview Selection Option Occurrence and Event TriggerTkinter Treeview Delete ItemTkinter Treeview Insert ItemTkinter Treeview Double-click an itemTkinter Treeview Bind scrollbarTkinter Treeview Sorting
Tkinter Canvas
Tkinter Canvas Draw linesTkinter Canvas Draw RectangleTkinter Canvas Drawing arcsTkinter Canvas Drawing circles or ellipsesTkinter Canvas Draw polygonTkinter Canvas Output TextTkinter Canvas Change the background colorTkinter Canvas Insert ImageTkinter Canvas Mouse dragging to draw linesTkinter Canvas Basic AnimationTkinter Canvas Design for multiple ball movementTkinter Canvas Applying random numbers to the movement of multiple spheresTkinter Canvas Message BindingsTkinter Canvas Design the ball to move downTkinter Canvas Designed to let the ball bounce up and downTkinter Canvas Design so that the ball bounces on all sides of the canvasTkinter Canvas Build racketTkinter Canvas Design racket movementTkinter Canvas Handling of racket and ball collisionsTkinter Canvas Implementation of bouncing ball design game
Tkinter Examples
A Simple News App with Tkinter and NewsapiAdding coloured text to selected text in TkinterCall the same function when clicking a Button and pressing Enter in TkinterChanging the Background Color of a Tkinter Window using Colorchooser ModuleChanging Tkinter Label Text Dynamically using Label.configure()Combobox Widget in Python TkinterCopy from clipboard using Python and TkinterCreate a GUI to Check Domain Availability using TkinterCreating a GUI to Get Domain Information using TkinterCreating a LabelFrame inside a Tkinter CanvasCreating an Automatically Maximized Tkinter WindowDisplay the Host Name and IP Address on a Tkinter WindowEmbedding an Image in a Tkinter Canvas Widget using PILGet the value from a Tkinter scale and put it into a LabelGetting the Cursor Position in Tkinter Entry WidgetHow can I determine the position of a Toplevel in Tkinter?How do I open a website in a Tkinter window?How do I position the buttons on a Tkinter window?How to Add a Column to a Tkinter TreeView Widget?How to Add PDF in Tkinter GUI Python?How to attach a vertical scrollbar to a Treeview using Tkinter?How to Bind a Tkinter Event to the Left Mouse Button Being Held Down?How to Bind all the Number Keys in TkinterHow to Bring a Dialog Box to Appear at the Front in a Tkinter Module of Python?How to call a function using the OptionMenu widget in Tkinter?How to Center a Label in a Frame of Fixed Size in Tkinter?How to Change the Background Color of a Tkinter Canvas Dynamically?How to Clear the Text Field Part of ttk.Combobox in Tkinter?How to close only the TopLevel window in Python Tkinter?How to create an impressive GUI in Python using Tkinter?How to Directly Modify a Specific Item in a TKinter ListboxHow to disable an Entry widget in Tkinter?How to disable multiselection on Treeview in tkinter?How to Display a Tkinter Application in Fullscreen on macOS?How to display multiple labels in one line with Python Tkinter?How to Draw a Dashed Line on a Tkinter Canvas?How to draw a line following mouse coordinates with tkinter?How to Draw an Arc on a Tkinter Canvas?How to exit from Python using a Tkinter Button?How to Explicitly Resize Frames in Tkinter?How to Get a New API Response in a Tkinter Textbox?How to get a string from a tkinter filedialog in Python 3?How to get an Entry box within a Messagebox in Tkinter?How to get rid of widget border in Tkinter?How to get the index of selected option in Tkinter Combobox?How to Highlight a Tkinter Button in macOS?How to insert a temporary text in a tkinter Entry widget?How to make a new folder using askdirectory dialog in Tkinter?How to Make Specific Text Non-Removable in Tkinter?How to Place an Image into a Frame in Tkinter?How to Place Objects in the Middle of a Frame using TkinterHow to place the text at the center of an Entry box in Tkinter?How to put a border around a Frame in Python Tkinter?How to Resize an Entry Box by Height in Tkinter?How to run an infinite loop in Tkinter?How to save the contents of a Textbox in Tkinter?How to set a certain number of rows and columns of a Tkinter grid?How to set a default string value on a Tkinter Spinbox?How to Set Padding of All Widgets Inside a Window or Frame in Tkinter?How to Show Multiple Canvases at the Same Time in TkinterHow to Show the Status of CAPS Lock Key in Tkinter?How to Specify the File Path in a Tkinter Filedialog?How to stop copy, paste, and backspace in text widget in tkinter?How to stop Tkinter Message widget from resizing?How to take input in a text widget and display the text in tkinter?How to Temporarily Remove a Tkinter Widget without Using just .placeHow to Update a Button Widget in Tkinter?How to Use a StringVar Object in an Entry Widget in Tkinter?Printing a List to a Tkinter Text WidgetPython Tkinter How to display a table editor in a text widget?Python Tkinter : How to export data from Entry Fields to a CSV file?Python Tkinter ŌĆō How to Position a topLevel() Widget Relative to the Root Window?Tkinter ŌĆō How to Create Colored Lines Based on Length?Tkinter-How to get the current date to display in a tkinter window?Tkinter - How to Put an Outline on a Canvas Text