Jump to content

Transparent Background or White Background


Recommended Posts

Hello,

 

I downloaded a set of some box art for my retro gaming system and noticed that some pictures are displayed with no background and some are white backgrounds on the emulator with a black screen as the backdrop. This only happens with a black backdrop. If the picture is going onto something that has background color (or another picture) the white border doesn't show up and the background remains transparent. The best way for me to describe it is imagine a logo on a black shirt.  Some you only see the picture while others have a square picture with the background as white and the picture in the middle. I opened up both types of pictures in paint.net and they are all showing transparent backgrounds. Does anyone have an idea of how to change the ones that show the white background to be truly transparent?  I assume it is some adjustment with transparency or layers but I haven't found the right combination to change the picture to display without the white border.  Why are some doing this and some not? Both files look the same when opened in paint.net.

Link to comment
Share on other sites

Hello @StringCheese and Welcome to the forum :D

 

We have a great Search option found here.

 

So, if you have a perfectly white or black background you could use the magic wand :MagicWandTool: to 'Select' the background and then hit delete.  You can then use the Plugin AA's Assistant to clean up the edges.  Then Save As a .png and the background will stay transparent.

 

Or, you can cut out the image using this method found here.

 

I hope you find these helpful.

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

Thanks Pixey but I guess my post was a little confusing.  I have attached some pictures to better explain.  As you see the picture does have a transparent background but it shows up with the white background in the program.  I have attached another picture to show what another box art looks like without the white background.  It has the same transparent (checkerboard) background when opened in paint.net. What do you think would be causing the difference? Both files are from the same box art download

 

IMG_5107.JPG.649408b71ea495b297aab44d6e0e2c7f.JPG.IMG_5104.JPG.ffbeb4bc69e8e60fbe90f702e6a4e889.JPG

IMG_5106.JPG.58728c0bd72c711bcdafba3f199b8779.JPG

Link to comment
Share on other sites

  If the background is white and you want it gone, delete the white background with the magic wand.  Then save as .png.

 

get_rid_of_BG.png

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

But isn't the white and gray checkerboard suppose to represent transparent?  How can I make transparent more transparent? The picture you sent looks confusing.  How are you deleting the transparent background and making it gray? When I do what you are saying it stays the same checkerboard appearance.

Link to comment
Share on other sites

Hey @StringCheese, looks like Pixey misunderstood you, and answered a question you didn't ask.

Yes, it appears your image does have a background that is transparent.

 

So why does that other program display transparency differently (black vs white) depending on the image? I'm not sure, but it could be the RGB values. That is to say, one image uses Transparent White (255, 255, 255, 0), while the other uses Transparent Black (0, 0, 0, 0).  You can use the Color Picker (:ColorPickerTool:) tool in paint.net to identify the RGBA values.

(September 25th, 2023)  Sorry about any broken images in my posts. I am aware of the issue.

bp-sig.png
My Gallery  |  My Plugin Pack

Layman's Guide to CodeLab

Link to comment
Share on other sites

9 hours ago, StringCheese said:

But isn't the white and gray checkerboard suppose to represent transparent?  How can I make transparent more transparent? The picture you sent looks confusing.  How are you deleting the transparent background and making it gray? When I do what you are saying it stays the same checkerboard appearance.

 

Yes, checkerboard is supposed to be transparent.  In the example I gave you, I was removing the white/grey around your 2nd image, to then show the checkerboard transparency.

Remember that, although you may have an image on a transparent background, once you place it into a web page, or other program it will take on the color of where you are placing it.

 

i.e.  When we enter images to the Object of the Fortnight competition, we have to enter them on a transparent background.  But when you view them, they show up on a white background.  Hope that makes sense ;)

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

On 2/20/2018 at 10:01 PM, toe_head2001 said:

Hey @StringCheese, looks like Pixey misunderstood you, and answered a question you didn't ask.

Yes, it appears your image does have a background that is transparent.

 

So why does that other program display transparency differently (black vs white) depending on the image? I'm not sure, but it could be the RGB values. That is to say, one image uses Transparent White (255, 255, 255, 0), while the other uses Transparent Black (0, 0, 0, 0).  You can use the Color Picker (:ColorPickerTool:) tool in paint.net to identify the RGBA values.

 

Toe Head,

 

That is it exactly.  The box covers that show the white background have the 255,255,255,0 values.  The ones that don't have the all zeroes.  So is it easy to switch the transparent values from the 255s to zeroes?

Link to comment
Share on other sites

1 hour ago, toe_head2001 said:

 

 

Well I used the color picker and then set the values all to zero. I then used the paint bucket with the setting set to overwrite instead of normal.  As you can see from the screen shot below I got the values set where I want them.  It sill showed up as white.......I give up!

 

 

5a8f8af952e6a_screenshot.thumb.jpg.5b8bbef34588dc1572c0432c184a3d9b.jpg

Link to comment
Share on other sites

Then the problem appears to be with your 'other' program incorrectly interpreting the transparent areas.

 

Can you upload the image so we can check it's ok?

Link to comment
Share on other sites

11 hours ago, Ego Eram Reputo said:

Then the problem appears to be with your 'other' program incorrectly interpreting the transparent areas.

 

Can you upload the image so we can check it's ok?

First off, thanks for all you trying to help out.  I would think that the problem would be with the other 'program' but some of the box art shows up with no white background.  I will attach one of those for reference as well.  It does have the transparent black settings that I thought I duplicated but to no avail.  So I have attached the original picture that shows up with the white back ground, the copy I converted to transparent black, and then one picture that it does show up in the program with no white back ground. That picture is the baseball game. I was wondering if I just copied the box and then made a totally new file and did that with the black transparent settings if that would solve the problem. I tried doing that but I don't see how you change the transparency settings before you delete it or use the scissors tool after selecting the background with the magic wand tool.

Blades of Steel (USA) black transparent.png

Blades of Steel (USA).png

Link to comment
Share on other sites

They are ALL perfectly transparent when opened in PDN :)

 

Are you 100% sure you saved them to PNG and not to JPEG?

 

Look what happens when I saved one of your images to JPEG and then brought it back into PDN.  It shows with a white background.

 

png_v_jpeg.png

 

30b8T8B.gif

How I made Jennifer & Halle in Paint.net

My Gallery | My Deviant Art

"Rescuing one animal may not change the world, but for that animal their world is changed forever!" anon.

 
Link to comment
Share on other sites

On 2/23/2018 at 2:24 PM, toe_head2001 said:

Hey @StringCheese,

Your hockey images have an embedded ICC Profile, and your baseball image does not.

 

Download this modified hockey image, and see if it works:

 

Sorry guys for not answering sooner.  I was out of town this weekend.

 

Thanks Toe_Head but it still showed up with white. Don't worry about it anymore.  It was worth a try.  The community is great.

 

Pixey - yes I did save them as png files.  I double checked. In the grand scheme of things it is a relatively small issue if that.  I just like trying to figure out the problem.  That is fun to me but enough brain power has been extended on this one....hah!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...