Add to Cart
Add to Cart
Actions from A to Z

JPEG, GIF, PNG, PSD, TIFF. KWIM?

by Erin on September 29, 2009

How on earth is one to choose from all the file format options when saving a file in Photoshop or Photoshop Elements? And what is the best choice for saving a photo for the internet or to be printed?

Here is a quick summary of the pros and cons of using the major formats.  At the end of this post, you will find a cheat sheet to download for printing or saving on your computer.

JPEG

JPEGs are great for posting pix to the web or sending them in email, especially if perfect quality isn’t an issue.   JPEGS support a full range of colors and can be compressed to small file sizes.  Make sure you save each file as a JPEG only once.  It should be the last step in your workflow.  Each time you save a JPEG, it compresses and the quality erodes just a little because the compression process discards data.

When saving a file as a JPEG, make sure you have an uncompressed file as a backup too – either the original that you downloaded from your camera, or a PSD, TIFF or Raw file.  When you save a file as a JPEG, choosing a higher quality results in larger file size, and choosing a lower quality results in more noise and JPEG artifacts.

GIF

GIFs are suitable for graphics with large areas of the same color with definite transitions between colors.  They are often used for logos and web headers, both because of their clear rendering of text and line art and because they support transparency.  This type of file is able to compress itself to fairly small sizes with no loss of data; however, the number of colors is limited to 256.

This low level of color support makes GIFs unsuitable for photos.  When you save an image with more than 256 colors as a GIF, dithering is the name of the process that shrinks it down to 256 colors.  A dithered image will look grainy or pixelated.

PNG

The PNG file format might end up being a better alternative than both JPEGs or GIFs, once all web browsers begin supporting it.  It supports a full range of color, although the file size is often bigger than the corresponding JPEG.  However, it also uses a lossless form of compression.  This would be an ideal choice for photographers trying to sell their works online who want to show every detail of an image.  It’s better for graphics than GIFs because there are more options regarding transparency.  Internet Explorer 6, however, does not read PNGs.

PSD

I save all images and graphics that I process in Photoshop or PSE as PSDs for two reasons.  First, I always have an uncompressed image to return to if I need to print an image of the highest possible quality.  Second, I always have my layers to return to if I need to make changes to my edits.  These files are big!  Whichever image editing software you use, it’s a good practice to save versions of your work in the native editing format.

TIFF

A universally understood file format that saves on a vast quantities of information about an image.  These files are huge.  They might be required by the absolute best photo printers (which I doubt most of us will ever encounter).  Some folks I know save all their files as TIFFs instead of PSDs.  And yes, TIFFs do retain your layers.

My File Format Strategy

I import photos from my camera as Raw files and run my initial edits in Lightroom.  If I am only printing the images, I keep them in the Raw format.  These images are often about 640 x 480, saved at medium to medium high compression.

If I import my photos in to Photoshop or PSE for further edits, I save them as PSDs.  And I save frequently while I’m working on them as my computer often crashes at inopportune moments.

Finally, if this is an image I want to share, as the last step I save as a JPEG.  If it’s going on my website, I make a copy that is perhaps 640 x 480 pixels and usually save it as a medium to medium high quality JPEG.  I use a lower quality for emailing images.

And, I always have my PSD file to go back to if I want to make further changes.

Cheat Sheet for Texas Chicks Peeps

Download this file if you’d like a handy cheat sheet to remind you of what type of file to use when.

File Format Cheat Sheet

Thank you for reading!  Subscribe to Texas Chicks Blogs and Pics via RSS or  email if you’d like to read more.

Related Posts with Thumbnails
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Kirtsy
  • StumbleUpon
  • Technorati
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz

{ 1 trackback }

Friday Favorites October 2, 2009 — Daily Dwelling
October 1, 2009 at 11:35 pm

{ 9 comments… read them below or add one }

1 Sarah September 29, 2009 at 10:06 am

LOVE THIS!! Thank you so much — I have been so confused as to what is best in different situations. Thanks so much for the cheat sheet :)

Reply

2 lori September 29, 2009 at 11:44 am

VERY helpful and thank you for putting it in easy terms
lori´s last blog ..my house is dirty but my scrapbook is up to date : / My ComLuv Profile

Reply

3 Chelsi September 30, 2009 at 12:14 am

thank you! this is so helpful. it really takes the guess work out of it.

Reply

4 b September 30, 2009 at 7:47 am

Great post, thank you! Most of this I sort of knew but I really did not understand what a GIF was. I tend to save my files as Tiffs instead of PSD because other programs can open a Tiff easier. But thanks for the reminder that things need to be saved other than a jpg format. I tend to get lazy!! lol

Reply

5 meg September 30, 2009 at 1:29 pm

this is awesome! thank you so much for putting this together. very helpful.

Reply

6 Marsha September 30, 2009 at 9:03 pm

Thanks for the tips and the handy cheat sheet! Awesome.

Question for you though. Do you have a reason you start in LR before going to PS? I find myself starting in PS and then going to LR.
Marsha´s last blog ..simple says it all My ComLuv Profile

Reply

7 abbey October 1, 2009 at 10:40 am

Thank you soo much for this. I too have been confused at the different formats.

Reply

8 wayoutnumbered October 2, 2009 at 3:39 pm

I really stink at formatting but I have learned that png files are great if you want to make a logo, watermark, etc. Anything with a transparent background that you may want to place on multiple photos. I’ll be printing the cheat sheet!
wayoutnumbered´s last blog ..Blue My ComLuv Profile

Reply

9 Paul August 10, 2010 at 2:08 pm

I use JPEGs for sending images to the printer or sending through e-mail. I use PNG, JPEG, or GIF files for my blog. IE6 can read PNG files, but the browser has trouble with transparency – meaning it doesn’t work.

I use TIFF files for archiving scanned photos/negatives/slides. TIFF files are the best for that because not only do you retain all the photo information, and are universally accepted, they also support up to 48 bits of colour data – which is what I scan my photos in at.
Paul´s last blog ..Advantages and Disadvantages of JPEG FilesMy ComLuv Profile

Reply

Leave a Comment

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv Enabled

Previous post:

Next post: