Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

Geek Culture / Usefull tool for the webdesign people out there

Author
Message
Nicholas Thompson
20
Years of Service
User Offline
Joined: 6th Sep 2004
Location: Bognor Regis, UK
Posted: 27th May 2006 18:17
For all of those who have ever seriously made a webpage, I'm sure you have experienced some of Internet Explorer's nicer features, like its inability to work with PNG files properly...

Well today I was working on a design using PNG8 (8bit PNG's) and I even disabled transparency. It was all looking groovy in Firefox (as usual) and so I thought "well I'll have to try it in IE sooner or later", and to my horror I saw that IE couldn't even handle PNG8's (without transparency) properly.

With a little research I found this tool:
http://ardfry.com/pngoutwin/

This tool takes a PNG and not only tries to compress it - but also seems to fix it.

I use Photoshop CS2 to make my PNG's and it seems that PS cant output PNG's properly... After dumping my files through that tool, the PNG8's appear perfectly in IE and in Firefox!!

And to answer a question I know one of you will ask - I didn't use GIF's because the filesize was larger (although not by much)... JPEG's also came out larger too, and worse quality. By the time I'd ramped up the JPEG compression to a point where I could accept the quality the filesizes were about 4x larger.

Anywho - I hope this helps some people and saves their sanity - shame the tool is Trialware (although its only £8.52 to buy ($19.95))..

[center]
Phaelax
DBPro Master
21
Years of Service
User Offline
Joined: 16th Apr 2003
Location: Metropia
Posted: 27th May 2006 18:58
Quote: "I use Photoshop CS2 to make my PNG's and it seems that PS cant output PNG's properly"


ah good, its not just me then. I'm using 5, but my sister-in-law has CS.

"Using Unix is the computing equivalent of listening only to music by David Cassidy" - Rob Pike
indi
22
Years of Service
User Offline
Joined: 26th Aug 2002
Location: Earth, Brisbane, Australia
Posted: 27th May 2006 19:15
each file format has its pros & cons.
i wouldnt use a png for a pixelshim as the overhead is larger using pngs.
i havent had an issue with pngs but i will look into that.
I do like pngs for the colour control when developing for clients.
if you make a 1x1 1 colour gif / png / jpg
you may get a rude shock, gif will always be smaller.

its the reason why years ago i had to prove to some newb in irc that my kangaroo image was 666 bytes instead of 1k+ with using gif format.

however yes png does have its adavantages but used in the correct context and for the right purpose.

If no-one gives your an answer to a question you have asked, consider:- Is your question clear.- Did you ask nicely.- Are you showing any effort to solve the problem yourself 
Nicholas Thompson
20
Years of Service
User Offline
Joined: 6th Sep 2004
Location: Bognor Regis, UK
Posted: 27th May 2006 19:19
Indi - i agree entirely. I always do a test, when I export my image I run it through a GIF, PNG and JPEG to see which one comes out best.

For tiny images, GIF has less overhead, for small-medium I find PNG is best, for large simple image (ie, large blocks of solid colour) I find PNG is also best... For large complicate images it has to be JPEG.

[center]
Megaton Cat
21
Years of Service
User Offline
Joined: 24th Aug 2003
Location: Toronto, Canada
Posted: 27th May 2006 22:36
Interesting tool, gonna look into it.

Doesn't seem like you can make a good modern website anymore without PNG, so this should be a life-saver.


It's like a Megaton Cat radar, 24 hours a day.

Login to post a reply

Server time is: 2024-11-17 02:31:18
Your offset time is: 2024-11-17 02:31:18