How to use an image for the background in tkinter?

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}

#import statements

from Tkinter import *

import tkMessageBox

import tkFont

from PIL import ImageTk,Image

Code to import image:

app = Tk()

app.title("Welcome")

image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')

image1 = ImageTk.PhotoImage(image2)

w = image1.width()

h = image1.height()

app.geometry('%dx%d+0+0' % (w,h))

#app.configure(background='C:\Usfront.png')

#app.configure(background = image1)



labelText = StringVar()

labelText.set("Welcome !!!!")

#labelText.fontsize('10')



label1 = Label(app, image=image1, textvariable=labelText,

               font=("Times New Roman", 24),

               justify=CENTER, height=4, fg="blue")

label1.pack()



app.mainloop()

This code doesn't work. :( I want to import a background image.

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e. Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.

– gary
Apr 15 '12 at 1:14

3

I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.

– joaquin
Apr 15 '12 at 7:39

Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)

– gary
Apr 15 '12 at 17:50

add a comment |

#import statements

from Tkinter import *

import tkMessageBox

import tkFont

from PIL import ImageTk,Image

Code to import image:

app = Tk()

app.title("Welcome")

image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')

image1 = ImageTk.PhotoImage(image2)

w = image1.width()

h = image1.height()

app.geometry('%dx%d+0+0' % (w,h))

#app.configure(background='C:\Usfront.png')

#app.configure(background = image1)



labelText = StringVar()

labelText.set("Welcome !!!!")

#labelText.fontsize('10')



label1 = Label(app, image=image1, textvariable=labelText,

               font=("Times New Roman", 24),

               justify=CENTER, height=4, fg="blue")

label1.pack()



app.mainloop()

This code doesn't work. :( I want to import a background image.

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e. Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.

– gary
Apr 15 '12 at 1:14

3

I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.

– joaquin
Apr 15 '12 at 7:39

Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)

– gary
Apr 15 '12 at 17:50

add a comment |

#import statements

from Tkinter import *

import tkMessageBox

import tkFont

from PIL import ImageTk,Image

Code to import image:

app = Tk()

app.title("Welcome")

image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')

image1 = ImageTk.PhotoImage(image2)

w = image1.width()

h = image1.height()

app.geometry('%dx%d+0+0' % (w,h))

#app.configure(background='C:\Usfront.png')

#app.configure(background = image1)



labelText = StringVar()

labelText.set("Welcome !!!!")

#labelText.fontsize('10')



label1 = Label(app, image=image1, textvariable=labelText,

               font=("Times New Roman", 24),

               justify=CENTER, height=4, fg="blue")

label1.pack()



app.mainloop()

This code doesn't work. :( I want to import a background image.

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

#import statements

from Tkinter import *

import tkMessageBox

import tkFont

from PIL import ImageTk,Image

Code to import image:

app = Tk()

app.title("Welcome")

image2 =Image.open('C:\Users\adminp\Desktop\titlepage\front.gif')

image1 = ImageTk.PhotoImage(image2)

w = image1.width()

h = image1.height()

app.geometry('%dx%d+0+0' % (w,h))

#app.configure(background='C:\Usfront.png')

#app.configure(background = image1)



labelText = StringVar()

labelText.set("Welcome !!!!")

#labelText.fontsize('10')



label1 = Label(app, image=image1, textvariable=labelText,

               font=("Times New Roman", 24),

               justify=CENTER, height=4, fg="blue")

label1.pack()



app.mainloop()

This code doesn't work. :( I want to import a background image.

python tkinter

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

edited Aug 23 '17 at 23:18

martineau

70.5k1093186

asked Apr 15 '12 at 0:24

user1276381

1091311

asked Apr 15 '12 at 0:24

user1276381

1091311

asked Apr 15 '12 at 0:24

user1276381

1091311

Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e. Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.

– gary
Apr 15 '12 at 1:14

3

I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.

– joaquin
Apr 15 '12 at 7:39

Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)

– gary
Apr 15 '12 at 17:50

add a comment |

Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e. Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.

– gary
Apr 15 '12 at 1:14

3

I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.

– joaquin
Apr 15 '12 at 7:39

Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)

– gary
Apr 15 '12 at 17:50

Does your label show the "Wecome !!!!" text if you remove the image attribute? i.e. Label(app, textvariable=labelText, ...) This text would not show up of the image was showing up, since the image attribute takes precedence over textvariable.

– gary
Apr 15 '12 at 1:14

I will send a proposal to SO for deprecation of the term "not working". It lost any useful meaning the very first day it was born. Seriously, try to describe why you think it is not working.

– joaquin
Apr 15 '12 at 7:39

Deleted my answer since it wasn't answering your actual question. You should edit your post to make it more specific. I'd also use the link you posted in your comment to formulate an answer for this question. (It's perfectly fine to answer your own questions here.)

– gary
Apr 15 '12 at 17:50

add a comment |

2 Answers
2

active

oldest

votes

One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.

For example:

background_image=tk.PhotoImage(...)

background_label = tk.Label(parent, image=background_image)

background_label.place(x=0, y=0, relwidth=1, relheight=1)

You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.

Note: if you are doing this inside a function, make sure you keep a reference to the image, otherwise the image will be destroyed by the garbage collector when the function returns. A common technique is to add a reference as an attribute of the label object:

background_label.image = background_image

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

1

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

add a comment |

A simple tkinter code for Python 3 for setting background image .

from tkinter import *

from tkinter import messagebox

top = Tk()



C = Canvas(top, bg="blue", height=250, width=300)

filename = PhotoImage(file = "C:\Users\location\imageName.png")

background_label = Label(top, image=filename)

background_label.place(x=0, y=0, relwidth=1, relheight=1)



C.pack()

top.mainloop

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

add a comment |

Your Answer

StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});

}
});

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f10158552%2fhow-to-use-an-image-for-the-background-in-tkinter%23new-answer', 'question_page');
}
);

Post as a guest

Name

Required, but never shown

2 Answers
2

active

oldest

votes

2 Answers
2

active

oldest

votes

One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.

For example:

background_image=tk.PhotoImage(...)

background_label = tk.Label(parent, image=background_image)

background_label.place(x=0, y=0, relwidth=1, relheight=1)

You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.

background_label.image = background_image

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

1

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

add a comment |

One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.

For example:

background_image=tk.PhotoImage(...)

background_label = tk.Label(parent, image=background_image)

background_label.place(x=0, y=0, relwidth=1, relheight=1)

You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.

background_label.image = background_image

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

1

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

add a comment |

One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.

For example:

background_image=tk.PhotoImage(...)

background_label = tk.Label(parent, image=background_image)

background_label.place(x=0, y=0, relwidth=1, relheight=1)

You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.

background_label.image = background_image

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

One simple method is to use place to use an image as a background image. This is the type of thing that place is really good at doing.

For example:

background_image=tk.PhotoImage(...)

background_label = tk.Label(parent, image=background_image)

background_label.place(x=0, y=0, relwidth=1, relheight=1)

You can then grid or pack other widgets in the parent as normal. Just make sure you create the background label first so it has a lower stacking order.

background_label.image = background_image

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

edited Aug 23 '17 at 23:20

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

answered Apr 16 '12 at 20:45

Bryan Oakley

222k22277438

1

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

add a comment |

1

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

Thanks for this, Bryan. To get it to work on my program I had to add the line background_label.photo=background before the last line.

– town_math
Feb 27 '14 at 19:50

How do I add background image with a text overlay?

– the_prole
Nov 16 '14 at 19:21

add a comment |

A simple tkinter code for Python 3 for setting background image .

from tkinter import *

from tkinter import messagebox

top = Tk()



C = Canvas(top, bg="blue", height=250, width=300)

filename = PhotoImage(file = "C:\Users\location\imageName.png")

background_label = Label(top, image=filename)

background_label.place(x=0, y=0, relwidth=1, relheight=1)



C.pack()

top.mainloop

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

add a comment |

A simple tkinter code for Python 3 for setting background image .

from tkinter import *

from tkinter import messagebox

top = Tk()



C = Canvas(top, bg="blue", height=250, width=300)

filename = PhotoImage(file = "C:\Users\location\imageName.png")

background_label = Label(top, image=filename)

background_label.place(x=0, y=0, relwidth=1, relheight=1)



C.pack()

top.mainloop

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

add a comment |

A simple tkinter code for Python 3 for setting background image .

from tkinter import *

from tkinter import messagebox

top = Tk()



C = Canvas(top, bg="blue", height=250, width=300)

filename = PhotoImage(file = "C:\Users\location\imageName.png")

background_label = Label(top, image=filename)

background_label.place(x=0, y=0, relwidth=1, relheight=1)



C.pack()

top.mainloop

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

A simple tkinter code for Python 3 for setting background image .

from tkinter import *

from tkinter import messagebox

top = Tk()



C = Canvas(top, bg="blue", height=250, width=300)

filename = PhotoImage(file = "C:\Users\location\imageName.png")

background_label = Label(top, image=filename)

background_label.place(x=0, y=0, relwidth=1, relheight=1)



C.pack()

top.mainloop

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

answered Dec 27 '16 at 6:49

Abhijeet Sinha

316

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

add a comment |

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

It Worked.Will You Please Give Me code to make two buttons on front of it.

– user8167727
Jul 1 '17 at 9:40

add a comment |

draft saved

draft discarded

Thanks for contributing an answer to Stack Overflow!

Please be sure to answer the question. Provide details and share your research!

But avoid …

Asking for help, clarification, or responding to other answers.

Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Required, but never shown

Name

Required, but never shown

Name

Required, but never shown

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky