| | |

Why Resolution & File Formats Matter

Image Resolution and file size

Resolution is worth mentioning because it causes so many problems in the prepress department. Any image you want to print must be a minimum of 300 PPI at 100% of its actual size. If you pull an image from a website, and it is 4 in. x 4 in. and 72 PPI (the typical web resolution), when you place it in your page layout, it must be sized to 24% of its original size or .96 in. x .96 in. in order to be at the correct resolution for printing.

There is absolutely no way to take a low-resolution image and make it look like a high-resolution image. Interpolating a file to a higher resolution makes the image look like an image that was interpolated up to a higher resolution to improve its appearance. One low-resolution image can make a whole brochure look cheap. Make sure all the images you provide are the correct resolution for their output size.

Here I have pasted three different file sizes of the same image. I adjusted their dimensions so they would each be about the same size “on this page”. Below each fish pic is the Adobe Photoshop screenshot showing the image “dimensions” in pixels and inches.

You can decide for yourself which image looks best. On the web it is not necessarily about looks, there is also the loading time and the number of colors used to display the image. That will be covered in a later post.Below are the same three photographs, all placed at the same size into an InDesign document. Then I exported the document as a jpeg at a screen resolution of 72 PPI. By building this image in InDesign I am able to show you how a low-res file that looks bad on the screen will look like that in print.

Specify and use correct file formats

Each software program creates a native file format that it “gets along with” best. For Adobe Photoshop, that would be bit-mapped files like TIFF, JPG, and PNG. For Adobe Illustrator, it is EPS files. Adobe InDesign is a composition program that can accept nearly any file type for inclusion into a document that will be printed or published to the web.

Some file formats work well for print, and some work best for the web. Here are some common file types and their best uses:

Print

  • TIFF: for high-resolution photographs and scanned graphics
  • EPS: for infinite scalability
  • PDF: for high-resolution printing when properly saved with embedded fonts and bleeds, etc.

Web

  • JPG: for many compression options and fast loading
  • PNG: for more image depth. The trade-off is its large file size, no CMYK: RGB only.
  • GIF: limited color (256 only) but very fast loading

Don’t use image compression unless you absolutely have to. Every time an image is compressed (when it is saved) and uncompressed (when it is opened), it rewrites the data in the file and leaves little artifacts/noise in the image.

Compression is left over from the days when a 44 MB (yes, that’s MB, not GB or TB) Syquest drive cost $200. Nowadays, storage is cheap. Compression works well for the web, but it isn’t necessary for anything else. For example, Tiff files and images are not compressed. Jpeg files and images are. Here is an example of how to save a TIFF image without compression.

If you have had an experience with resolution or file types that you found helpful, or from which you learned, please share it below. Thanks!

Buy from amazon.comJoin the thousands that have purchased “Designing for Print, the Art & Science”!

SaveSave

SaveSave

Similar Posts

5 Comments

  1. Thank you Mark Mitchell for pointing out that error. DPI measures dots per inch, a measure of printer resolution output not file input.

  2. Good article.

    The first paragraph regarding image resolution mislabels PPI as DPI.

    Image resolution is measured in PPI (Pixels per Inch) not DPI (Dot per Inch).

Leave a Reply to AnnukkaCancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.