Hi All, I created a torn paper background in PS, with a transparent background. But when I uploaded it, it has a white background. I generally use AI, so I'm confused and don't know what to do. Here is the site. Excuse the other issues. I'm a work in progress! http://www.elaingriffindesigns.com
Wed Nov 04, 2009 7:13 pm
cibgraphics
I bleed CSS and HTML
Joined: Sun Sep 18, 2005 7:29 pm Posts: 4522 Location: Salt Lake City, Ut
I see the torn paper... but it has a textured background. Can you elaborate please?
_________________
Wed Nov 04, 2009 8:23 pm
Elaine Griffin
Joined: Tue Aug 04, 2009 7:40 pm Posts: 14
Re: Photoshop transparency question
I should learn how to spell my own name. After I posted this I ended up going in a different direction (for now anyway). What I had was the torn paper graphic, optimized for web, on the textured cream background. And when I had it there, it had a white background around the graphic, also with the torn edges. I don't know if this was because of the drop shadow or what. Also, in the logo area, I uploaded that and it had the white, around the edge and also where there paper is "missing" in the middle of the graphic. I don't know if that makes any sense at all. I am about to change it again, here, and I will let you know if it does it again. Thank you so much for looking and for your help.
Wed Nov 04, 2009 8:31 pm
cibgraphics
I bleed CSS and HTML
Joined: Sun Sep 18, 2005 7:29 pm Posts: 4522 Location: Salt Lake City, Ut
Re: Photoshop transparency question
When saving for the web, its good to know what limitations are put on the images when they are shown on the web. Some limitations are the image format themselves.... and others are browser limitations.
You have 4 main common image formats for the web, I will discuss the limitations for all of them:
jpg (jpeg) - This format does not support transparency in any form or fashion. Trying to save a jpg with a transparent background will force a white background onto the image right before saving.
gif - 1-bit transparency capability. Think of 1-bit transparency as an on and off switch. It is either 100% transparent or 100% opaque. If you try and save a gif with multiple levels of transparency, it will force a white background behind just those semi-transparent pixels. You can fix this by putting on a matte of the same color of the background your image is going to be displayed over
8-png - Exact same as the gif format expect it usually has a better compression ratio so you can get a smaller file size out of it. Same limitations as well.
24-png - Supports alpha transparency and is great for drop shadows and such effects that require multiple levels of transparency. Only drawback is that IE6 does not natively support alpha transparent settings. IE6 will display the background as a very light blue (why blue I have no idea). There are Javascript workarounds for it to force IE6 to support it. My personal favorite is UnitPngFix.
_________________
Wed Nov 04, 2009 8:48 pm
Elaine Griffin
Joined: Tue Aug 04, 2009 7:40 pm Posts: 14
Re: Photoshop transparency question
Okay. That helps, I did see some of that in my research. If you can see what I have now, you will see what I mean. I'm not sure what to do if I want this as one image, which is how it is now.
Wed Nov 04, 2009 9:16 pm
cibgraphics
I bleed CSS and HTML
Joined: Sun Sep 18, 2005 7:29 pm Posts: 4522 Location: Salt Lake City, Ut
Re: Photoshop transparency question
are you referring to the white noise above the logo? It looks like you need to go back into photoshop and clean up the image there. Photoshop is picking up some left over pixels, so when you export they show up. The easiest thing to do, is to put an obtrusive color behind the graphic so you can see what needs to be deleted.
plus your drop-shadow is having that white background because of the 1-bit transparency limitation I referred to in my last post. I would do the 24-bit png with the IE6 fixer. That seems to be the most logical choice.
Users browsing this forum: No registered users and 2 guests
You cannot post new topics in this forum You cannot reply to topics in this forum You cannot edit your posts in this forum You cannot delete your posts in this forum You cannot post attachments in this forum