JPG or PNG? Which one is better?

THINGS TO CONSIDER BEFORE CHOOSING:⁠⁠

  • Is it a complex image?⁠⁠
  • Is it going to print?⁠⁠
  • Is it being used on the web?⁠⁠
  • Does it need to be transparent?⁠⁠

JPG⁠⁠
The quality of the image will be compromised. This is called lossy compression. ⁠⁠
⁠⁠
Saving an image as a JPG reduces the file size by eliminating redundant and unnecessary information. However, you will most likely not even notice the difference, unless of course you save it as a really compressed JPG.⁠⁠
⁠⁠
You can maintain the quality of the original image by playing around with the compression settings.⁠⁠
⁠⁠
PNG⁠⁠
Lossless compression meaning that all the original data from the image is not compromised and stays intact. ⁠⁠
⁠⁠
File sizes are generally larger because it holds more information.⁠⁠
⁠⁠
The best thing about saving an image as a PNG is that it supports transparency. If you want that background deleted from an image, you can (ie. a logo).⁠⁠
⁠⁠
SO… WHAT’S THE ANSWER?⁠⁠
There is none because it depends on what you are doing with the image.⁠⁠
⁠⁠
If I need an image for a hero slider on a website homepage, I’m going to use a JPG because I need a low file size that will load fast for the user (make sure it’s 72 DPI!). But I will have to compress it in a manner that doesn’t sacrifice the quality of the image while still maintaining that low file size.⁠⁠
⁠⁠
If I want to import a company logo into a website header, I will most definitely use a PNG (because of the transparency feature).⁠⁠

If I’m going to send a 4”x6” photo to print at a local store I will use either a high quality 300 DPI JPG or PNG. ⁠
⁠⁠
If in doubt, as your designer!⁠⁠