Difference Between .Jpg and .PNG

Hello there my friends I have a quick question especially for those who have a lot of knowledge on the difference between these too :).

First of all witch is a better quality?

Second witch is bigger in size Jpg or Png? Both being saved to its max capacity.

Maybe I’m just crazy …. Here is an example and this is the reason why I prefer .Png over .Jpg whenever I take a screenshot of my desk I hit print screen and I open paint and paste it, I save to .jpg and when I go to view it to its original size the quality seems not as vivid and I see a bit of fuzz. On the other hand when I save it to Png the quality seems to be allot better and when I view it in full screen I see it as just as I would be seeing it on my desktop crystal clear.

I hope I can get some answers and the size really doesn’t matter to me as the quality of the item is what matters I am not too worried about saving space. Which is better Jpg or Png?

Thanks.

#474671

This is what I know: PNG can have transparency, very good quality, and therefore generally takes up more space.

JPG can be saved in multiple levels of quality, holds metadata, and generally takes up less space.

#474672

PNG is better quality, because saving JPG on default saves it at about 70% less quality. PNG is also bigger, because it takes up mores space for it to be higher quality.

The highest quality you can get however, is a 24Bit Bitmap.

-Ole you bit me to it...

#474673

-Ole you bit me to it...

Damn skippy.

And yeah, I once knew the difference between loads of file format alternatives, and what the extensions stood for (I was a bored lad) all through Wikipedia. It's a great place to look.

#474686

Thanks for the info guys and sorry ellada ze wiki will be my bestfriend from now on ;).

#474702

jpeg for photos (although tiff is even better if u have the capacity).

Png for smaller graphics and interface work (large icons and skin/window elements/buttons)

gif for small animated web graphics.

BMP is a dated windows format imho :P ... large file sizes and not much useful but some things still 'require' it.

PSD- an editable photoshop document featuring layers etc. large file size, limited programs support it, but yeah saves "everything" about a work in progress.

^they're the main ones I think...

#474716

don't forget that jpeg is typically a lossy file format, like gif and mp3, especially with many colours. I haven't seen too many programs that can handle the lossless version.

png is lossless, can save transparency, and ie6 and under hates that. its basically an alternative to uploading a windows bmp when you're talking photographs.

levi you forgot .ico :P

#474723

levi you forgot .ico :P

true. lol but u forgot ICNS...

.ico -standard picture format for windows icons. Is to my knowledge the only file format that can be used by the Operating system. Other programs (such as 3rd party programs- Docks etc) accept PNGs.

.icns- standard picture format for Macintosh icons.

#476189

Jpeg is a compressed still image format. The standard is regulated by the group it's named after (Joint Photographic Experts Group). Technically no .jpg image is "good quality" it's just a means of lowering file size while maintaining as much quality as possible.

Portable Network Graphics (PNG) is a lossless image format which supports full alpha transparency contrary to the Graphics Interchange Format (GIF) which only supports either fully opaque or fully transparent levels. However, GIF files may also be animated. PNGs are also typically how icons are saved once they're created, almost like a universal format, they can easily be converted into icon formats for different operating systems.

In regards to usefulness, jpegs are useful for the common end user that wants to store a lot of photographs without the strain of a large file size. For professional digital photographers they typically export a RAW image format which is literally an untained photograph that has all the information available at the time the photo was taken; and use softwware to convert it to a PNG or a TIFF (Tagged Image File Format) Both of which are lossless in terms of quality.

Jpegs are also useful in web slices that contain too many different colors. By that I mean, a good, efficient site takes advantage of each of their purpose by implementing them when necessary. If a slice has only a few colors of depth, use a GIF, each one will save its own color range for only the colors needed in that slice, thereby cutting the load strain down immensely. Jpegs are good for larger slices of photographs that may contain too many colors for a GIF's total range. With moderate compression they can still look nice and serve their purpose of being less of a strain than a PNG would be. PNGs on the other hand are good to use in places with required transparency, glass elements, shadows, etc. If you're trying to create a layered site say with an element under it that isn't a simple solid color, by all means use a PNG to get the desired effect.

Bitmaps are a little archaic (in my opinion) granted some skinning programs still use them and use the "magic pink" color to trick some elements into being completely transparent. I think in due time, most if not all will just use PNG images instead. A lot of them do already.

Long story short, PNGs are great, when you look at images as much as I do you get picky and think that "full quality" jpegs still look bad; I'm sure the same applies for an audiophile listening to a sound below a certain bit rate. Inevitably, use each one as they're intended, enjoy them, have a party, invite me, I like free food. etc.

#476191

levi you forgot .ico :P

true. lol but u forgot ICNS...

.ico -standard picture format for windows icons. Is to my knowledge the only file format that can be used by the Operating system. Other programs (such as 3rd party programs- Docks etc) accept PNGs.

.icns- standard picture format for Macintosh icons.

#476192

true. lol but u forgot ICNS...

.ico -standard picture format for windows icons. Is to my knowledge the only file format that can be used by the Operating system. Other programs (such as 3rd party programs- Docks etc) accept PNGs.

.icns- standard picture format for Macintosh icons.

true. lol but u forgot ICNS...

.ico -standard picture format for windows icons. Is to my knowledge the only file format that can be used by the Operating system. Other programs (such as 3rd party programs- Docks etc) accept PNGs.

.icns- standard picture format for Macintosh icons.

fair enough, but i didn't know about that, having never used a mac properly for that long. hehe doublepost :P

#476203

what I have seen when I play with my cheap camera is that I think I get better results with BMP, but I have the feeling that PNG is the best...

#478067