When to Save Images in JPEG OR PNG

Hi guys, welcome to my corner of the internet once again. Today I will be writing about when to save images in the .jpg (jpeg) file extension or the .png (Portable Network Graphics) file extension. You will need to have a little bit of design experience to follow this article; the design experience can be on mobile (Picsart) or Photoshop (or other related software) as we will be talking about some technicalities here.

I will explain what the two file formats are, what they have in common, their major differences and where you can use them.

What is a JPG?

A jpg is a bitmap digital image file extension used across all types of digital media and various devices: phones, computers, websites etc. JPGs are usually (but not always) on the RGB spectrum, giving users access to millions of colours and hues and making them the best format for snapped pictures and photographs. It is of note to mention that JPGs are “lossy” file formats in the sense that when you scale down a JPG, it discards the information in the image file so if you decide to scale it back up, it doesn’t retain the same quality.

What is a PNG?

A Portable Network Graphic is a vector file extension used to save vector files and low colour images for websites, or to preserve the integrity of a design that will be scaled severally across various media. PNGs have access to fewer colours than JPGs and are usually on the CMYK spectrum. It is of note to mention that PNG is a lossless file format, in the sense that they can be scaled up or down without any loss of detail and are relatively small in file size when compared with JPGs. The greatest edge of a PNG however lies in the fact that PNGs retain transparency meaning you can have a PNG image without a background.


  1. They are both end user file formats and are not necessarily for design purposes.
  2. They both support RGB and CMYK spectrums.
  3. They can both work on almost all kinds of devices.


  1. PNGs retain image transparency JPGs do not.
  2. PNGs are lossless and JPGs are lossy.
  3. PNGs support far fewer colours than JPGs.
  4. JPGs retain camera metadata and PNGS do not.

Read Also: How To Select A Font For Your Podcast Design

Where to use them:

  1. Photographs: JPG
  2. Vectors and Icons: PNG
  3. Illustrations: PNG
  4. Website image headers: PNG
  5. Designs for social media: JPG
  6. Blog post content: Use a PNG if you are concerned about file size or a JPG (if you are concerned about richness of the image.

I hope this article has helped you learn when to use a JPG and when to use a PNG; if you are not sure of what format to save in, you can drop a comment here or tweet at us @Podlobe or tag us in an image on Instagram @Pod.lobe . If this article has helped you, be nice and share it with someone else!

Until next time, Ezim Osai.

Read Also: 5 Tips For Creating Iconic Podcast Artwork Designs

Useful tip: In Photoshop, click on file and select save for web and devices to bring up an interactive platform for you to pick the type of PNG you want, number of colours and to even optimize to a specific file size. This is useful for websites that utilize lots of images and need to make each one as small as possible with maximum clarity.




Ezim Osai is the Visual and Creativity Manager at Podlobe. Ezim loves pizza more than anything you can think of. Well, you can add doughnuts too.

Learn more about Podcasting in Nigeria!

Microphone 2170049 1920

There are day-to-day happenings,views, tips and news on podcasting that cannot always be blog post. These are the kind of content shared via emails.

We won't send you spam. Unsubscribe at any time. Powered by ConvertKit

Scroll to top
Welcome home