Tkinter button image is blank
I tried to create a button with an image, but the image gets very small and black.
I searched all over the internet for a solution, but it's still not working.
This is part of my code:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game, height = 10, width = 20)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
python python-2.7 tkinter
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
|
show 1 more comment
I tried to create a button with an image, but the image gets very small and black.
I searched all over the internet for a solution, but it's still not working.
This is part of my code:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game, height = 10, width = 20)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
python python-2.7 tkinter
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48
|
show 1 more comment
I tried to create a button with an image, but the image gets very small and black.
I searched all over the internet for a solution, but it's still not working.
This is part of my code:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game, height = 10, width = 20)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
python python-2.7 tkinter
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
I tried to create a button with an image, but the image gets very small and black.
I searched all over the internet for a solution, but it's still not working.
This is part of my code:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game, height = 10, width = 20)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
python python-2.7 tkinter
python python-2.7 tkinter
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
edited Nov 19 '18 at 15:53
Bryan Oakley
213k21252414
213k21252414
asked Nov 17 '18 at 16:36
Daniel
194
asked Nov 17 '18 at 16:36
Daniel
194
asked Nov 17 '18 at 16:36
Daniel
194
194
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48
|
show 1 more comment
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48
|
show 1 more comment
1 Answer
1
active
oldest
votes
I managed to do it by removing the height and width parameters in the Button constructor, and resizing the image.
Now the code is:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
I understood that after defining the image, the width and the height are the size in pixels.
answered Nov 17 '18 at 16:57
Daniel
194
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53353235%2ftkinter-button-image-is-blank%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
I managed to do it by removing the height and width parameters in the Button constructor, and resizing the image.
Now the code is:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
I understood that after defining the image, the width and the height are the size in pixels.
answered Nov 17 '18 at 16:57
Daniel
194
add a comment |
I managed to do it by removing the height and width parameters in the Button constructor, and resizing the image.
Now the code is:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
I understood that after defining the image, the width and the height are the size in pixels.
answered Nov 17 '18 at 16:57
Daniel
194
add a comment |
I managed to do it by removing the height and width parameters in the Button constructor, and resizing the image.
Now the code is:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
I understood that after defining the image, the width and the height are the size in pixels.
answered Nov 17 '18 at 16:57
Daniel
194
I managed to do it by removing the height and width parameters in the Button constructor, and resizing the image.
Now the code is:
ph = tk.PhotoImage(file = "X.gif")
btn = tk.Button(master = back, command = game)
btn.config(image = ph)
btn.image = ph
btn.grid(row = 0, column = 0)
I understood that after defining the image, the width and the height are the size in pixels.
answered Nov 17 '18 at 16:57
Daniel
194
edited Nov 17 '18 at 17:10
answered Nov 17 '18 at 16:57
Daniel
194
answered Nov 17 '18 at 16:57
Daniel
194
answered Nov 17 '18 at 16:57
Daniel
194
194
add a comment |
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53353235%2ftkinter-button-image-is-blank%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
What size is the image you're using?
– Moralous
Nov 17 '18 at 16:41
Try removing the height and width parameters. What do you get then?
– Miraj50
Nov 17 '18 at 16:42
@Moralous 500*500
– Daniel
Nov 17 '18 at 16:43
@Miraj50 Now it's working, but I need to resize the image
– Daniel
Nov 17 '18 at 16:45
If that is the case, you would have to use PIL, I guess. Have a look at this question.
– Miraj50
Nov 17 '18 at 16:48