How should PNG images with an alpha channel be handled? I've created some nice images, but now IE6 users are complaining that they have a black background. If I convert them to GIF/PNG-8 images they have an ugly edge, which doesn't seem fair to Firefox/Opera/IE7 users. Is there a better solution, such as MediaWiki automatically converting images for IE6 users?
Cheers,
Ruud
On 2/25/06, Rudy Koot r.koot@students.uu.nl wrote:
How should PNG images with an alpha channel be handled? I've created some nice images, but now IE6 users are complaining that they have a black background. If I convert them to GIF/PNG-8 images they have an ugly edge, which doesn't seem fair to Firefox/Opera/IE7 users. Is there a better solution, such as MediaWiki automatically converting images for IE6 users?
The best compromise is to create a proper alpha PNG but use a set background color more appropriate than black (i.e. on Wikipedia, probably white). IE6 users will still see a jagged transition, but it won't stand out enough for them to complain.
Also, links to Firefox, Opera, etc cost you nothing to distribute. :)
Gregory Maxwell wrote:
On 2/25/06, Rudy Koot r.koot@students.uu.nl wrote:
How should PNG images with an alpha channel be handled? I've created some nice images, but now IE6 users are complaining that they have a black background. If I convert them to GIF/PNG-8 images they have an ugly edge, which doesn't seem fair to Firefox/Opera/IE7 users. Is there a better solution, such as MediaWiki automatically converting images for IE6 users?
The best compromise is to create a proper alpha PNG but use a set background color more appropriate than black (i.e. on Wikipedia, probably white). IE6 users will still see a jagged transition, but it won't stand out enough for them to complain.
Also, links to Firefox, Opera, etc cost you nothing to distribute. :)
It'd be nice if this code http://en.wikipedia.org/wiki/MediaWiki_talk:Monobook.js#IE_alpha_transparency were added to http://en.wikipedia.org/skins-1.5/common/IEFixes.js, but at least you can point them to the code and have them add it to their personal stylesheets.
Minh Nguyen wrote:
Gregory Maxwell wrote:
On 2/25/06, Rudy Koot r.koot@students.uu.nl wrote:
How should PNG images with an alpha channel be handled? I've created some nice images, but now IE6 users are complaining that they have a black background. If I convert them to GIF/PNG-8 images they have an ugly edge, which doesn't seem fair to Firefox/Opera/IE7 users. Is there a better solution, such as MediaWiki automatically converting images for IE6 users?
The best compromise is to create a proper alpha PNG but use a set background color more appropriate than black (i.e. on Wikipedia, probably white). IE6 users will still see a jagged transition, but it won't stand out enough for them to complain.
Also, links to Firefox, Opera, etc cost you nothing to distribute. :)
It'd be nice if this code http://en.wikipedia.org/wiki/MediaWiki_talk:Monobook.js#IE_alpha_transparency were added to http://en.wikipedia.org/skins-1.5/common/IEFixes.js, but at least you can point them to the code and have them add it to their personal stylesheets.
Minh Nguyen wrote:
It'd be nice if this code http://en.wikipedia.org/wiki/MediaWiki_talk:Monobook.js#IE_alpha_transparency were added to http://en.wikipedia.org/skins-1.5/common/IEFixes.js, but at least you can point them to the code and have them add it to their personal stylesheets.
It appears to be there, but wuth in the if-statement
if (isMSIE55 && !doneIEAlphaFix)
so it probably is only enabled for IE5.5 not IE6.
Cheers,
Ruud
Gregory Maxwell wrote:
The best compromise is to create a proper alpha PNG but use a set background color more appropriate than black (i.e. on Wikipedia, probably white). IE6 users will still see a jagged transition, but it won't stand out enough for them to complain.
I've tried to do this but really have no clue as how to do it? Any assistance would be appreciated.
Cheers,
Ruud
On 2/26/06, Rudy Koot r.koot@students.uu.nl wrote:
Gregory Maxwell wrote:
The best compromise is to create a proper alpha PNG but use a set background color more appropriate than black (i.e. on Wikipedia, probably white). IE6 users will still see a jagged transition, but it won't stand out enough for them to complain.
I've tried to do this but really have no clue as how to do it? Any assistance would be appreciated.
I don't know what software you're using, but this is trivial in gimp.
Create/open your transparent png. Set your gimp background color to the desired background color. Save the png, make sure that 'save background color' is checked and ''save color values from transparent pixels" is unchecked.
Gregory Maxwell wrote:
I don't know what software you're using, but this is trivial in gimp.
Create/open your transparent png. Set your gimp background color to the desired background color. Save the png, make sure that 'save background color' is checked and ''save color values from transparent pixels" is unchecked.
I tried fiddling with those checkboxes but that the currently selected background color would have any effect didn't occur to me. Thanks
Ruud
wikitech-l@lists.wikimedia.org