JPEG vs PNG – Do You Prefer Better Image Quality or Lower File Size?

If you’re still confused about choosing image formats, this slightly exaggerated comic should clear it for you once and for all.

George adds – "JPEGs are for photographs and realistic images. PNGs are for line art, text-heavy images, and images with few colors. GIFs are just fail."

xkcd uses PNG for their web comics while Hugh MacLeod prefer JPG format for his cartoons. Also note that the image illustration above is a PNG image.

Find this article at: http://www.labnol.org/software/tutorials/jpeg-vs-png-image-quality-or-bandwidth/5385/

Tags: , , , , , Tips, Tricks, Tutorials

Reader Comments

PNGs are great for screen shots . That’s why they are the outputs of software like snagIt .

I use PNG images than JPEG ,quality is much important than size.

I still prefer BMP as it gives very good quality than JPEG vs PNG but takes huge huge huge memory. As said, I use JPEG or PNG in case of cartoons. I could be wrong on givin exact example but take BMP file and save as to JPEG then definitly you find less clarity.

Thanks,
Dutt

I try to use PNG when it doesn’t make huge file sizes.

PNGout is good for compressing PNGs a bit more too.

I too prefer JPEG over PNG.

jpeg is fine if you don’t mind losing parts of your work. for those who don’t know, png is a lossless compression algorithm, jpeg is not.

PNG is for Me

I use JPGs for my photos.
But I also use PNGs when it comes to design diagrams.

I still remember the days of web pages, where you wont find any without the blinking GIFs.. we don’t get those now :)

I used GIF, JPEG, PNG in my blog and finalized PNG is best for blogs because quality matters.

PNGs hovewer isn’t good for scaling. Scaled png image looks distorded in my posts so I have to manually resize it with software like snagit editor.

A nice feature of PNG is that it can be saved at low- or hi-res *with* transparency intact. You can’t do that with JPEG.

I often use JPEGs for photos and also for saving layouts and illustrations to send to clients that have limited access and/or knowledge of design software such as Adobe.

PNG, JPEG, and GIF are all useful if used appropriately. I use and appreciate them all — and also EPS, TIF, BMP, and WMF, depending on what I’m using them for and for whom… Imagine that!

TomL

Amit,
I had read your article earlier advising the wise use of png for text and jpeg for photos. Wordpress help (codex) also does the same. I just follow that.

PNG is all about the transparency for me. I use JPG when there’s no transparency and PNG when I need transparency. And never use GIF any more.

It is clearly evident that all the illustrations and designs we see across so many blogs are all made up of Softwares
( usually rich with lines n text) and there is no doubt that it requires less storage.

like this post points out jpegs are always best for real images :)

PNG is by far better once it’s supported across browser platform.

i prefer jpg for web designing since page opens faster but wen time can be compromised , quality is definitely preferred

Yeah, well… In one instance, I was forcibly made to save images as JPGs due to a higher-ups insistence.

He claimed, what if the opposite for some reason just isn’t able to view PNGs ?

Ahhh… what’s a guy to do, eh? save as PNG but rename them as *.JPGs ?

I guess I use both .jpg and .png because some work better with certain applications.

GIF was killed, partly, due to CompuServe (remember them?) asserted their copyright and wanted to charge everyone for using “their” graphic file format. That, coupled with it’s color depth limitations, pretty much dealt it the death blow.

PNG just makes MUCH more sense, since it’s a lossless compression algorithm, compared to the lossy compression of JPEG. Too bad the lossless compression methods of the new JPEG specs (JPEG2, JPEG2000) are not being adopted.



Google Custom Search