… for Codecs & Media

Tip #1068: When to Choose JPEG, PNG or TIFF

Larry Jordan – LarryJordan.com

Pick the codec that works best for your project.

Export codec list from Adobe Photoshop.

Topic $TipTopic

A codec is the mathematical formula that determines how to convert light, or sound, into binary digits for the computer to store or display. While there are a LOT of still image codecs, there are only four that you’ll need to choose between for most of your video projects:

  • PSD
  • JPG
  • PNG
  • TIFF

So, which should you choose? Here are some tips.

PSD

This is the native Photoshop format.

Use this when you need to retain the ability to edit the elements of an image or when you want to enable, or disable, specific layers within the image.

NOTE: For best results, always embed media into the Photoshop file.

JPG or JPEG

This is a highly-compressed file best used for final distribution. Good image quality in a very small file size.

Part of compressing a JPEG file involves throwing away color data and reducing some of the image quality. While this is almost always OK for images destined for the web, it is not a good idea for any image that you want to edit.

NOTE: Compressing an already compressed file will materially damage quality.

PNG

This is a modestly compressed image format. Excellent image quality with a large file size.

This is a more modern format than TIFF and is the best choice for outputting finished images at high quality. While you can’t reedit a PNG image the way you can a PSD, this provides excellent image quality. PNGs, unlike JPEG, supports an alpha channel for transparent image elements.

The only limit of PNG is that it is only supports 8-bit color.

TIFF

This is a lightly compressed image format, providing excellent image and color quality with a large file size.

TIFF is my go-to still image format. Supporting up to 10-bit color, alpha channels and essentially lossless images, it has been around for a long, long time.

The only limitation of TIFF is that, unlike PSD, you can’t edit elements within the image.


Please rate the helpfulness of this tip.

Click on a star to rate it!

0 Comments

Leave a Comment

Want to join the discussion?
Feel free to contribute!
All comments are moderated.

Leave a Reply

Your email address will not be published. Required fields are marked *