Understanding Image File Formats
Understanding image file formats: What should I use?
Ever curious about what the file extensions of your images mean and which are the best to use? There’s so many it’s easy to confuse them! Here are a few of the most common file names and best examples for using each. Understanding image file formats will help you in the exporting phase.
JPEG, short for Joint Photographic Experts Group, is the most commonly used image format. JPEG files are classified as “lossy” which means a lot of the information is lost from the original when you save as a JPEG. JPEG compresses the information to keep the image file size small so it’s understandable you would lose image quality as a result.
If you’re using a DSLR, you have the option to choose the file format you shoot in within your camera settings. I shoot in RAW to capture all image data and avoid this image compression because I want the best photo possible. However, those RAW images take up quite a bit of space on your memory cards and hard drives so be mindful of this. Each individual RAW file for me starts at around 25MB. You can also choose to shoot in both RAW and JPEG or JPEG only.
Capable of displaying millions of colors without dithering which is important for photographers to capture fine details
Most commonly used and accepted
Does not support transparency (but .PNG does!)
Cannot be animated (you’ll want to create a .GIF to achieve this affect)
GIF is short for Graphics Interchange Format. This is the oldest format on the web, existing since 1989. GIFs are limited to a color palette of only 256 colors so it's not ideal for detailed photographs. Image size is generally small compared to most other types. GIFs are most suitable for simple graphics, diagrams, or logos with few colors however, PNG is often the better choice.
Can support transparency
For small, looping animations
Can only support 256 colors, not ideal for detailed and colorful photos
PNG is short for Portable Network Graphics. PNG is an image file format specifically designed for the web. It’s similar to GIF but it supports millions of colors instead of only 256. PNG is great for text, line art diagrams, and simple graphics.
Can support 24 bit RGB color images and grayscale
Lossless, meaning it doesn’t lose quality (unlike JPEG)
Superior to GIF
Does not support CMYK and is not designed for print graphics
File sizes can be large so it's not best for complex photographs
Cannot be animated
Not all web browsers can support PNG
TIFF is short for Tagged Image File Format. The format was originally created by the company Aldus for use in desktop publishing and is popular among graphic designers and professional photographers. TIFFS are lossless, the best quality, and are versatile. They are ideal for printing purposes but not for the web as the files are too large to load on the web.
Best quality image format since all color and data is stored nothing is lost
Best for printing
Flexible, can be lossy or lossless
Large file sizes
Long transfer time
Slow loading time, not ideal for web
PSD is the Adobe Photoshop native file format. PSDs are used for editing photos within Adobe Photoshop. You can create layers with masks, transparencies, text, basically anything you can dream up in Photoshop! Purely for editing purposes so you cannot upload it onto the web as is, you would need to export it to either JPEG, PNG, or GIF.
Great for layering and editing within Photoshop
Not compatible on the web
Get the guide to Understanding Image File Formats!
Want to save this guide to refer back to? Enter your name and email to get your Understanding Image File Formats guide!