JPG vs PNG – How to choose the ‘right’ image format
Many computer users often hit upon this dilemma – which format to save an image in. The four most popular image formats are – BMP, JPG, PNG and GIF. BMP can be imagined as some kind of a raw lossless format that is used only in special cases. GIF is largely used for animated images for publishing on the internet (think annoying advertisement banners). But what leaves many of us confused (or ignorant) is the practical differences between JPG and PNG.
JPG is the most common image format. You could call it the MP3 of image formats! Most of the pictures lying around on your hard-disk, your mobile phone, your digital camera – all of them are JPGs. What makes this image format so popular is its high quality – low filesize paradigm. You get great image quality at a file sizes that cannot be offered by any other image format. Notice the two images below. They look almost identical, but look at the striking difference in filesize of the two formats. But there’s a catch. The JPG algorithm takes into consideration how the human brain conceives images. When there is a lot of visual information to process (The clouds, the lake, the trees, the bench, the people), each pixel is only relative to the next and so a JPG image can lose a lot of pixel-detail and instead focus on simply producing a visually realistic reproduction.
JPG (8.31 KB)
PNG (79.0 KB)
Now notice the two sets of images below. At first glance, the two image are identical. But if you take a close look at the gray background and Elisha’s lips, you’ll notice colour irregularities in the JPG image. These are called artifacts, caused by approximation of the JPG algorithm (remember, JPG excels in images with a lot of visual information). The PNG, although 15 times bigger in filesize, faithfully reproduces the original colours and edges of the image. Still, JPG seems a better choice because of its small filesize, considering the fact that most people cannot notice such nuances of an image at first glance.
JPG (4.83 KB)
PNG (71.2 KB)
PNG is most suited for what is called line art – images with sharp lines, like cartoons. So if your image contains a lot of text or lines and sharp edges, PNG is the suitable format. Notice the artifacts in the JPG below – the pink trail left by the butterfly (seen clearly in the PNG) is almost ineligible.
JPG (2.41 KB)
PNG (13.7 KB)
Another important feature that JPG lacks inherently is support for transparency. The JPG when saved, substitutes a colour (mostly white) for the transparency in the original image. However, the PNG retains the transparency. See the PNG image where the region surrounding the pie-chart is transparent – that is, it shows the underlying page’s colour.
JPG (3.25 KB)
PNG (22.8 KB)
So remember, if you’re gonna print a family portrait or a photograph of you standing at the beach, choose JPG. If you’re scanning a hand-sketch or your own cartoon or if you’re saving an image with lots of text and/or transparency, go for PNG.
Welcome back amigo! Check out the homepage for latest posts or the archives for older posts.
Categorized under Technology, How To | »


Nice post . Will be really helpful for beginners . Looks like you are getting new ideas for your post .
P.S : Elisha Semma Photo .
@Pradep Kumar: Thanks! Yeah the river should start flowing now
And here’s the original Elisha Cuthbert Wallpaper – Download.
hey boss i posses a gif file downloaded from my orkut but unable to open it and see it can u help in this case i can give u the image tooo
@bharadwaj: Sure. Mail me the file!
kk boss i sent the atached file to u see it and post whatz exactly there in that pic
@bharadwaj: Just as I suspected. You see, orkut uses a script to prevent users from right-clicking and saving profile pictures. When you try to do that, you get a blank 1×1 pixel image. One simple method to save orkut display pictures (if you must) is to use the Print Screen button on your keyboard and then paste the image of your screen in Paint and then crop the image!
aha! for once i seem to have a solution for orkut pics! jus drag them onto ur desktop buddy…pic saved in jpg format right onto ur desktop! bingo!
Nice info about artifacts and image stuff. had studied this in my enggring digital signal processing
@Siddanth: Wow, really? I studied DSP too and they never taught me this!
@Pras:
Our professors were super fast in teaching i remem saying this differences
although how much i remem that’s a different story. 