pouët.net

Go to bottom

Pouet logo and PNG transparency

category: general [glöplog]
 
I read couple of threads on this matter, but I didn't find conclusive explanation on how make the IE6-compatible transparent PNG logos. I created such png and tested it with the IE5(vanilla Windows 98 SE version), and indeed, where image should be transparent, grey area appears.

Quote:
If you want to use PNG transparency, take in account that IE6 and older don't support it.
Like Gargaj said:
"just set your background color over transparency to the blue pouet background and
it will be only fucked up with IE if a trumpet wanders there."


So, could someone please explain to me how to make such "failsafe" version of PNG in Photoshop, because I don't have much experience with this program?
added on the 2009-04-05 20:24:21 by vestige vestige
maybe it would be a good idea to include iepngfix.htc in the pouet sourcecode... :)
How about doing neither and use a less deficient browser, you pinheads.
added on the 2009-04-05 20:38:42 by Shifter Shifter
As far as I remember, analogue said, that, he won't incorporate any kind of pouet-side code to resolve this problem. As for less deficient browsers, some people still use very slow computers, and they have no other choice but to use IE.
added on the 2009-04-05 21:01:20 by vestige vestige
Don't remember much about PS and don't have access to it, but in GIMP, before you save a transparent PNG, set the desired background color as the secondary brush color. Remember to "[x] Save background color" and if you use a PNG optimizer, leave the BKGd chunk intact.
added on the 2009-04-05 21:02:52 by raina raina
a) Analogue is not in charge anymore. b) "Slow computers" run Opera just fine.
added on the 2009-04-05 21:05:40 by tomaes tomaes
Quote:
Don't remember much about PS and don't have access to it, but in GIMP, before you save a transparent PNG, set the desired background color as the secondary brush color. Remember to "[x] Save background color" and if you use a PNG optimizer, leave the BKGd chunk intact.

Thank you very much ;] I will confirm if it solves the problem.
added on the 2009-04-05 21:06:55 by vestige vestige
Quote:
a) Analogue is not in charge anymore.

But he was author of the post I read. It's not important right now anyway.

Quote:
b) "Slow computers" run Opera just fine.

If this is not the case anymore, change the rules of uploading logos.
added on the 2009-04-05 21:23:56 by vestige vestige
It works, once again thanks for help raina. I must figure out how to do this directly in Photoshop.
added on the 2009-04-05 21:28:41 by vestige vestige
i'm with analogue on this one though - the IE png hack is fine for sites that depend on idiots who cant upgrade, but i like to think that the pouet userbase is smarter than that.
added on the 2009-04-05 21:31:15 by Gargaj Gargaj
true dat.
Quote:
As for less deficient browsers, some people still use very slow computers, and they have no other choice but to use IE.

Boo-freaking-hoo. As Tomaes pointed out, Opera runs just fine on slow machines. The interface will be hell on anybody not ravaged by the fuck-your-OS-UI-guidelines syndrome, but it does the job quite nicely. Besides, people with deprecated machines ought to be prepared to sacrifice one thing or the other.

For what it's worth, some people reported that you can actually export png images with Fireworks that will render fine in browsers this side of 2001 and do a coarse 8-bit job on shit browsers. I never bothered to look into that, but feel free to google.
added on the 2009-04-05 21:33:37 by Shifter Shifter
Quote:
"just set your background color over transparency to the blue pouet background and
it will be only fucked up with IE if a trumpet wanders there."

in other words:

use the same blue background colour the pouet webpage uses instead of transparency

whether or not that is good advice, i won't comment on..
added on the 2009-04-05 21:36:03 by havoc havoc
Quote:
in other words:

use the same blue background colour the pouet webpage uses instead of transparency

whether or not that is good advice, i won't comment on..

It overrides transparency only when web browser is fucked. It's a good tradeoff.
added on the 2009-04-05 21:38:21 by vestige vestige
that's not what i said. but oh well.
added on the 2009-04-05 21:38:57 by havoc havoc
Quote:
It overrides transparency only when web browser is fucked. It's a good tradeoff.

Yes, since no other website uses alpha transparent images. Ever.
added on the 2009-04-05 21:43:36 by Shifter Shifter
I would simply suggest to forget about ye olde IE6 at this point. It might take another year until the marketshare is < 10%, but it's really not worth losing sleep over. This is not a coporate website. If the alpha channel opacity looks slightly br0ken if rendered with a hopelessly outdated web layout engine like trident, then so be it.

What irkes me much more, is that some logos have some visible white tile-like border, because the logo artist was a sloppy, lazy bum and didn't check for such simple things before uploading. :)
added on the 2009-04-05 22:24:44 by tomaes tomaes
What tomaes said. In my web-development day job we're seriously considering ditching IE6 support, and the only thing that's really holding us back is the fact that some of our sites are inherently aimed at corporate audiences with mostly ancient IT infrastructure.

Assuming we're not using Pouet as the centre of a demoscene outreach programme towards merchant banks, I don't think that's an issue here. It's not like we're proposing changes that will make Pouet unusable on IE6 - just making the logos look a bit crappier. It's entirely appropriate for a demoscene site to be ahead of the 'industry best practice' on this, given its audience - and IE6 is a dinosaur.
added on the 2009-04-06 00:09:00 by gasman gasman
Quote:
It's entirely appropriate for a demoscene site to be ahead of the 'industry best practice' on this

I'm sorry, but what? :)
added on the 2009-04-06 02:11:30 by Shifter Shifter
anyway, transparency is not a good idea here, the pouet-motif will allways create shadow mistakes..
added on the 2009-04-06 03:31:14 by 24 24
And yet it won't if people just start using effin' PNG transparency. Instead of just IE6 users seeing logos in a blue box (or gray if you just can't hack it) like it would be then, currently everybody is forced to that because so many of the logos are submitted without transparency, some even as JPEG.
added on the 2009-04-06 09:51:03 by raina raina
Do you actually have any statistics about visitors? Would be "fun" to know how many Pouet visitors still even use IE6 or older. Though ditching IE6 support sounds like a good idea to me anyway. At least on sites like Pouet.
added on the 2009-04-06 10:23:46 by teel teel
I don't think anybody is using IE6 willingly, but Microsoft's policy to allow IE7+ only on WinXP SP2+ makes it impossible to install IE7 on Win2k and below.
But, enough with the lengthy discussion. Just include that IE6 PNG fix file linked above and everything is fine.
added on the 2009-04-06 10:38:58 by bartman bartman
bartman: Win2k happens to be the newest version of Windows I own too, but I fully accept that it's 9 year old unsupported software, and I have the choice to a) upgrade b) use one of those weird hippy alternative browsers c) live with crappy grey/blue boxes around images.

When W2K/IE6 were current, I was also dual-booting OpenBSD 2.8, where the only options were Netscape 4 and Amaya. Doesn't mean I should expect Pouet to apply fixes to keep everything looking perfect on those.
added on the 2009-04-06 11:37:43 by gasman gasman
I ditched (when developing websites) support for IE6 like one year ago, and just tell my customers in advance. If they agree, fine, if they don't, fine too.

I don't have IE6 on either physical or virtual machine and don't give a f*ck about that browser. It's already enough suffering to have to fix stuff for IE7.

Unless one customer wants to -specifically pay- for IE6 support, I'm not planning to install one anywhere.
added on the 2009-04-06 18:20:07 by Jcl Jcl

login

Go to top