Sign up to our newsletter to receive our latest news!
As a product photographer shooting a lot of pack-shot photography for the eCommerce market I supply images to clients in a range of formats, but the most common file formats I am asked for are JPEG and PNG. In product photography PNG files are great in post-production for when you want a transparent background in photoshop as well as 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 do we use them in other ways?
There is always a lot of buzz about whether to choose PNG or JPG. I have also often come across questions like, “What is a PNG file used for?” and “What is the meaning of PNG files?”
Let us thoroughly explore these questions today and settle the debate of PNG versus JPG.
JPEG
The file format 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 use 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 as 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.
PNG
An acronym for Portable Network Graphics, PNG is a lossless file format designed as a more open alternative to Graphics Interchange Format (GIF).
There is a notable difference between PNG vs JPG when it comes to reducing file size. 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.
When it comes to the advantages and disadvantages of PNGs, then it is important to note that PNGs support semi-transparency and a full colour spectrum, whilst JPEGs don’t.
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.
However, it is also important to note that PNGs are not suitable for print, are not universally supported and require more memory space.
Other Common File Formats
SVG
SVG is short for scalable vector graphics and is a vector image format that is best suited for two-dimensional graphics and animations. SVG files allow three types of graphic objects – vector graphics shapes (straight line paths and curves), images and text.
SVG files can be directly written into HTML codes by using tag. They are highly scalable and zoomable and do not lose any quality even if they are zoomed or resized. The SVG format allows for images to be searched, indexed, scripted, compressed, edited and also printed. However, you do need to be careful that your SVG file does not contain a lot of paths or it can make your website loading time higher.
GIF
The debate still rages around whether it’s pronounced “gifs” or “jifs”. That said, GIFs use 256 RGB colours and are similar to PNG files in the sense that they are lossless. Moreover, they also support animations and are often used for solid colour graphics like logos.
Due to the colour limit on GIFs, it is harder to save photographs. However, they are incredibly easy to make and can be classified into three major categories – animation based gifs, video based gifs and stickers. Most gifs are less than 500 pixels wide and are mostly used on social media.
JPG versus PNG – 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. When it comes to JPEG or PNG for quality, there are certain things you’d need to consider.
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 of 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 on 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 of 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
How to get a transparent background in Photoshop
Free Online Image Optimisation Tools
When you work with websites, you often need to buy or subscribe to a software that lets you optimise your images. You may often need to resize, compress and fix image quality before uploading a picture.
Whether you choose to work with a PNG or a JPG image, we’ve got some free online conversion tools you can use if you do not have an editing software.
that could help you out.
- For converting a file from JPG to PNG and vice-versa: https://image.online-convert.com/convert/jpg-to-png
- For compressing images: https://compressjpeg.com/
- For resizing images: http://www.resize-photos.com/
- For optimising JPEGs: http://jpeg-optimizer.com/
Click here for more information on product and pack-shot photography by DW Images Photography
WE PROVIDE A RANGE OF PHOTOGRAPHY SERVICES
DW Images photography, working with clients across Milton Keynes, the rest of the Midlands and London. At our Milton Keynes based photography studio we specialise in product photography for ecommerce retailers. This includes Packshots, 360 Degree, Lifestyle, Ghost Mannequin and Flat Lay Photography. We also offer corporate headshot photography for your company website meet the team page, and your business social media.
Product & Pack-shot Photography
Do you sell online? We have a bespoke studio set-up for all you product photography needs.
360 Spin Product/Pack-shot Photography
Do you sell products online? Looking for high-quality pack-shot or product photography for your websites? Increase your customer experience with 360 product Photography
Business Headshot Photography
Looking to update your headshot for your meet the team and social media platforms?
Commercial, Event & PR Photography
Have a upcoming PR event or need bespoke commercial images for your website or marketing literature?
Call Us
If you would like to speak to David directly, please contact him at
01908 631037
Email Us
Let us know how we can help you by sending us an email
photography@dw-images.com
Visit Our StudioDW Images Photography, Milton Keynes, MK3 7BT Book a Session
By Global Exposure|2022-11-29T10:14:26+00:00October 4th, 2019|General|25 Comments
About the Author: Global Exposure
25 Comments
USA.XMC.pl22 February 2021 at 12:55 am - Reply
Thanks pertaining to taking turns this kind of wonderful subject material on your web-site. I came across it on google. I may check back again whenever you post additional aricles.
Japonia.XMC.PL25 February 2021 at 9:30 pm - Reply
Hi! I found your blog on .Its really well written and it helped me a lot.
David Wellbelove17 March 2021 at 9:19 am - Reply
Thank you, glad it helped.
Cukrzyca28 February 2021 at 5:53 pm - Reply
Wow, fantastic weblog structure! How lengthy have you been blogging for? you make blogging look easy. The overall look of your website is magnificent, well the content material!
News World2 April 2021 at 7:13 am - Reply
I too have a good website a small internet site on fashion,i hope we can have a take a look at each other website.Besides i can share hell lot of matters about my fashion information with you in the event you wish.
Portal Podatkowy8 April 2021 at 9:39 pm - Reply
Hi, this a fantastic information buddy. Great Share. However I’m having problem with ur rss . Dont know why Fail to subscribe to it. So anyone else experiencing similar RSS issue? Anybody who can assist please reply.
Ekonomia Portal16 April 2021 at 6:53 pm - Reply
I found this post very helpful which I found on yahoo.Thank you for sharing this information.
How to Take Better Bottle Shots - Techregister16 August 2021 at 10:51 pm - Reply
[…] (This Inside article has a great tutorial for this.) Other other images should be in a .png, which don’t lose quality if they’re re-saved (unlike .jpg […]
Comment prendre de meilleures photos de bouteilles – BLOG DU GCF16 August 2021 at 11:06 pm - Reply
[…] excellent tutoriel pour cela.) D’autres autres images devraient être au format .png, ce qui ne perdez pas en qualité si elles sont réenregistrées (contrairement aux photos […]
Easy methods to Take Higher Bottle Pictures – meomapps17 August 2021 at 12:57 am - Reply
[…] article has an awesome tutorial for this.) Different different photos needs to be in a .png, which don’t lose high quality in the event that they’re re-saved (in contrast to .jpg […]
How to Take Better Bottle Shots – Site Title18 August 2021 at 9:01 am - Reply
[…] (This Inside article has a great tutorial for this.) Other other images should be in a .png, which don’t lose quality if they’re re-saved (unlike .jpg […]
Raksti Par Veselību No Ārstiem17 December 2021 at 6:57 pm - Reply
Wow! In the end I got a blog from where I know how to actually
get valuable information regarding my study and knowledge.penis enlargement pill ad tenplate21 January 2022 at 6:42 am - Reply
Touche. Solid arguments. Keep up the great effort.
window crank assembly replacement4 February 2022 at 1:02 am - Reply
Fine way of describing, and pleasant post to obtain information regarding my
presentation subject, which i am going to deliver in institution of higher education.Мультики 2022 онлайн15 February 2022 at 12:51 pm - Reply
Thanks for sharing your thoughts on Где посмотреть фильм.
RegardsIs TIFF Better Than PNG? – Fallsgardencafe22 February 2022 at 9:53 pm - Reply
[…] 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. via […]
съемка блюд3 March 2022 at 7:51 pm - Reply
I’m really loving the theme/design of your weblog.
Do you ever run into any internet browser compatibility problems?A small number of my blog visitors have complained about
my website not working correctly in Explorer but
looks great in Chrome. Do you have any advice to help fix this
issue?фотосъемка сумок10 March 2022 at 2:33 pm - Reply
In fact no matter if someone doesn’t know after that its up
to other people that they will assist, so here it
happens.How Many Yards Is A Nba Basketball Court?22 April 2022 at 2:06 am - Reply
Marvelous, what a weblog it is! This website provides helpful information to us,
keep it up.How do I convert a JPEG to a PNG on my phone? - Web Answers Center5 August 2022 at 10:27 pm - Reply
[…] Is PNG better than JPEG? […]
How Do I Make An Image Dynamic | Techie Heap29 September 2022 at 2:55 am - Reply
[…] Dynamic Image with PHP imagecreate() – Creates blank image resource of specified size (width and hwight). imagecolorallocate() – Allocate a color for an image […]
Which is better png or jpg for books? - Sbooks14 November 2022 at 2:19 am - Reply
[…] Why Do We Use PNG Files In Product Photography JPEG VS … […]
eVdeN eVE NAkliYaT7 June 2023 at 9:34 am - Reply
Appreciate the recommendation. Let me try it out.
credit card processing iso programs6 July 2023 at 2:01 pm - Reply
Hi there I am so glad I found your web site, I really found you by accident, while I was researching on Askjeeve for something else, Anyhow I am here now and would just like to say cheers for a marvelous post and a all round entertaining blog (I also love the theme/design), I don’t have time to look over it all at the minute but I have bookmarked it and also added in your RSS feeds, so when I have time I will be back to read a great deal more, Please do keep up the excellent job.
Leave A Comment
I'm David, a seasoned product photographer specializing in pack-shot photography for the eCommerce market. Over the years, I've supplied images to clients in various formats, with JPEG and PNG being the most requested. My expertise lies in understanding the nuances of these file formats and their applications, particularly in the realm of product photography.
Now, let's delve into the concepts mentioned in the article:
JPEG (Joint Photographics Export Group): JPEG, developed in 1992, is designed to minimize file size, making it suitable for sharing over email and web design. Pronounced "jay-peg," it undergoes lossy compression, sacrificing some quality for smaller file sizes. It's ideal for situations where maintaining a small file size is crucial, such as web images. However, repeated saving can lead to quality degradation.
PNG (Portable Network Graphics): PNG, an acronym for Portable Network Graphics, is a lossless file format designed as an open alternative to GIF. It uses LZW compression, maintaining high quality while achieving smaller file sizes. Unlike JPEG, PNG supports semi-transparency and a full color spectrum. It's often preferred for screenshots due to its ability to provide a pixel-perfect representation of the screen. However, PNGs are not suitable for print, may not be universally supported, and require more memory space.
SVG (Scalable Vector Graphics): SVG is a vector image format best suited for two-dimensional graphics and animations. It allows for scalable and zoomable images without losing quality. SVG files can be directly written into HTML codes and are widely used for graphics on websites.
GIF (Graphics Interchange Format): GIFs, using 256 RGB colors, are similar to PNG in being lossless and supporting animations. They are often used for solid color graphics like logos. However, due to the color limit, saving photographs in GIF format can be challenging.
Image Compression: Image compression involves reducing file size without sacrificing quality significantly. The article emphasizes the importance of finding the right balance between image quality and file size, especially for responsive websites. Larger images may lead to longer loading times, affecting user experience.
Online Image Optimization Tools: The article provides links to free online conversion tools for converting between JPG and PNG, compressing images, resizing images, and optimizing JPEGs.
In conclusion, understanding the differences between JPEG and PNG is crucial for choosing the right format based on specific needs, whether it's for web design, eCommerce product photography, or other applications.