Why Do We Use PNG Files in Product Photography JPEG vs PNG?
As a product photographer shooting a lot of pack-shot photography for the ecommerce market. I supply images to clients in a multiply of formats, but the most common file formats I am asked for are JPEG and PNG. In product PNG files are great in post-production for when you want a transparent background in photoshop, for pack-shot and product photography where you want to add a range of digital backgrounds.
Working recently with a new client photographing party packs for their ecommerce website, I thought it would be a great opportunity to show the flexibility of a PNG file format. But what is the difference between a JPEG and a PNG and how we use them in other ways.
The file format we commonly known as JPG was developed by Joint Photographics Export Group in 1992, this is where the file name comes from. Most of the time you will commonly see JPG expressed as JPEG, but functionally they mean the same thing. In the early days of computers, file types were limited and only had a three-character limit (hence JPG), but these days we see JPEG now becoming more common.
Pronounced “jay-peg,” this image file format was designed to help minimize the file size of photographs and make them more suitable for sharing over email and using in web design. This is why most of the photos you find online are likely in JPG format.
When an image is converted into a JPG from its original format such RAW, some quality is compromised. The reason is because the compression is lossy, which means that a certain amount of its unnecessary information is permanently deleted. But this does mean a JPG does, however, allow you to create a lot smaller file size than you can with a PNG.
An image file should be converted to a JPG and used in any situation when it’s important to have a small file size. Beyond this initial saving as a JPG, there are plenty of tools that will allow you to shrink the file further. This is useful for web images, as the smaller size will increase the speed at which a website page loads. With modern broadband and internet connections have become more universal these days, this is becoming less of an issue. However, those with slower internet connections or older, less powerful computers will thank you for your consideration.
An acronym for Portable Network Graphics, PNG is a lossless file format designed as a more open alternative to Graphics Interchange Format (GIF).
Unlike JPEG, which relies on DCT compression.
PNG uses LZW compression— the same as used by GIF and TIFF formats. Boiled down, PNG’s two-stage LZW compression takes strings of bits contained in the image’s data, then matches those longer sequences to accompanying short codes held in a dictionary (sometimes referred to as a codebook) that is stored within the image file. The result is a smaller file that maintains high quality.
The biggest advantage of PNG over JPEG is that the compression is lossless, meaning there is no loss in quality each time it is opened and saved again. PNG also handles detailed, high-contrast images well.
It’s for this reason PNG is more often than not the default file format for screenshots, as it can provide an almost perfect pixel-for-pixel representation of the screen, rather than compressing groups of pixels together.
Does It Really Matter?
When talking about JPG vs PNG and comparing the two files side by side, the truth is that you won’t be able to see much of a difference in the photos.
So, if PNG pictures don’t look that much different to JPGs, why don’t we always use the JPG format and make things easier for ourselves?
Unfortunately, it’s not all that simple and the reason for that is image compression.
You want the highest quality image format, but you also want to have a responsive website, so you need to really take the difference between JPEG and PNG into the consideration and particularly the difference in image compression.
Think about it like this: Image compression means reducing the image size without sacrificing any off the quality for the sake of the size. Generally, stronger compression means smaller file size which normally equals worse image quality overall.
So, if you are looking for the best compression, you will need to find the right balance between the quality and the size of your file.
When you look at the saved images in your computer, you will see the best version of it because the file has not been compressed. However, if that same image is on your website, it needs to be downloaded in order for you to see it.
So logically, that will mean that the larger the image – the longer the loading time on your website.
But as I said at the start one the most common places PNG files work well, is in the world of product photography, especially ecommerce product photography. Because of the of the great use of its Ability to use transparency and or opacity, as opposed to JPG whereby default it will retain a white/blank background.
For more information on how to get a transparent background in Photoshop follow the link