• Website Home
  • About
  • Services
  • Portfolio
    • Recent
    • Archives
  • Shop
    • Catalog
    • Order

ASK Design Blog

Designer | Artist | Teacher

  •  
    • Blog Home
    • Web Design
    • Graphic Design
    • Art
      • Licensed Art
    • Links
    • Calendar
    • Contact

    Effective Resolution: Key Factor of Image Scaling

    August 6, 2013 by ProfK 2 Comments

    Image resolution is one of the most important items on any designer’s checklist as we prepare files for print or web. Raster images, also known as continuous tone or photographs, are composed of tiny squares (pixels) that are distributed across a given amount of space. Resolution is the number of pixels per inch (PPI). The term “PPI” is often confused with “DPI” (dots per inch). But it is “PPI” that quantifies an image’s resolution, while “DPI” refers to the resolution output of  a printer, such as inkjet, laser, and high-end devices.

    Raster images are resolution-dependent, meaning their output quality depends on their resolution. Vector images are “resolution-independent” because they are composed of connected lines and curves, which can be scaled up or down without losing quality. So, with raster images, you must pay attention to the resolution and how it changes when you scale it up or down in size. The actual resolution is what exists in the image file before any scaling is applied. The effective resolution is the resulting PPI after scaling is applied; divide the actual resolution by the scale to determine effective resolution.

    In the print world, 300 PPI at 100% of image size is the ideal specification. On the web, 72 PPI (Mac) or 96 PPI (PC) at 100% is best. Without any scaling, the actual resolution equals the effective resolution. Here is an image with 300 PPI at 100% size:

    portil_0402-300ppi

    A print vendor should be able to provide you with their “tolerance” level of scaling. Usually, you can scale up to approximately 120% of image size and retain very good quality for reproduction. That would result in 250 PPI of EFFECTIVE RESOLUTION (300 / 120% = 250). Here is the same image enlarged 120% (there are no noticeable differences):

    portil_0402-120percent

    If you scaled this same image up even more, to 200%, the effective resolution would be 150 PPI (300 / 200% = 150), and you’ll see degradation of quality:

    portil_0402-200percent

    Sometimes it’s possible to improve resolution by reducing the size of the placed image. Let’s say the actual resolution is 72 PPI and the physical size of the file is 11 inches. If the placed image is used at 50%, the effective resolution will increase to 144 PPI. If it’s used at 25%, the effective resolution increases to 288 PPI.

    Ways to Determine the Effective Resolution

    Aside from calculating effective resolution manually, there are 2 other simple options:

    INDESIGN

    Open the LINKS window and select an image to see the actual vs. effective resolution. In the sample below, the actual PPI = 300. Since the placed image is reduced 42.4%, the effective PPI = 707, which is very good for print. I just have to change the color space from RGB to CMYK for this image to be “print-ready”.

    IDD-links-window

    PHOTOSHOP

    Under the IMAGE menu, scroll down to IMAGE SIZE (CMMD-OPTION-i/Mac; CNTRL-OPTION-i/PC). In the pop-up window that appears, de-select RESAMPLE IMAGE, then change the Document Size by using Percent. The resolution changes from actual to effective.

    Notes About Image Format and Digital Cameras

    It’s a good idea to avoid placing JPGs into files that will be printed. JPGs are a “lossy” format, and thus lose data each time they are saved. Repeatedly re-saving a JPG will result in more and more data being lost. Recommended formats for printed images are TIFF, PSD, PDF, and EPS. For details, see my blog article Image File Formats: print vs. web.

    The default setting on digital cameras tends to be 72 PPI. If you use digital photos from your camera for printing, you need to use the highest pixel count setting your camera offers. The camera will be able to store fewer images, but they will be of higher quality.

    Resolution and Text

    When setting text in Photoshop, many printers advise that you use 400 PPI. The type will be vector in PSD and EPS files, but gets rasterized once it’s in the production process at the print vendor. The 400 PPI will ensure that the text stays crisp.

    Bottom line

    Print images should be 300 PPI in the size that most closely matches your placed image size. Increasing the resolution via resampling in Photoshop won’t work: it merely makes the low-resolution image look like a bad high-resolution one. Scaling the size down will increase the effective resolution, but make sure it’s enough to improve the quality of the printed image.

    Related Posts

    How to Create and Edit WordPress Galleries

    How to Resize an Image in WordPress

    How to Resize an Image in Photoshop

    How to Scan within Photoshop CS6, CS5, CS4

    Image File Formats: print vs. web

    Filed Under: Graphic Design, Software Tips, Teaching Tagged With: DPI, effective resolution, image resolution, PPI, scaling images

    Reader Interactions

    Comments

    1. Josna Rege says

      August 7, 2013 at 5:27 pm

      Thank you so much for this, Anne. You write so clearly and precisely that I think I actually understand! It was great to see the screen shot from InDesign, too. Now I just have to recite the mantra, “300 PPI, 33 PPI. . .”

    2. Nan says

      April 10, 2020 at 9:47 am

      Saved as a favorite, I really like your site!

    Leave a Reply Cancel reply

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

    Primary Sidebar

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Looking for Something?

    My Art in a Book!

    kornegger loseyourmind front cover
    Several of my paintings are in this book (including the cover)
    BUY THE BOOK!
    My blog post about designing the book: Self-Publishing Adventures

    Testimonials

    I received the notecards on Friday and it was on my to do list today to email you my deep appreciation for them. They are amazing and I am so glad to have them to share. I am sure I will order more in the future. You are such a gifted artist and I thank you for sharing in a way others can use the art.

    — Shari Spokes

    Your new pastel "Lettuce Lake” is really beautiful. Very, very nice.

    — Tony from Belmont, MA

    My dear sweet sister. I can’t tell you how much I love your pictures. I so much wanted something and was so sorry that I couldn’t pick something out at your sale. On the other hand, I so much wanted something that you had chosen for me. Its been on my mind and suddenly, your beautiful pictures arrived. They are beyond beautiful and I cried when I saw them. Sending you love and my bestness.

    — Marti from Reno, NV

    Affiliate Partners

    We receive compensation when you purchase a service or product via the links on this blog.

    Web Hosting

    ThemeOfMonth

    Great Software Deals!

    MacUpdate Logo

    themeforest banner

    Photo, Video & Design Software

    Copyright

    © 2000-2020 Anne S. Katzeff. All rights reserved. Unless noted, all artwork and text are copyrighted by the artist. Images may not be reproduced, manipulated, or used in any way without Anne’s written permission.

    Categories

    Graphic Design

    • AIGA
    • Design Is History
    • Janice Moore
    • Mass. Contractors

    Web Design

    • 978 Grid System
    • A List Apart
    • A List Apart
    • Adobe Color Tools (formerly Kuler)
    • AWWWards
    • Smashing Magazine
    • underthesite
    • www schools

    Tech-Computer

    • Adobe TV
    • Orramac
    • Teknoziz

    Comments

    In an effort to reduce spam, comments are restricted. Please email Anne if you have a comment or question that you are unable to post. Thanks for understanding.


    Archives

    Typography

    • 1001fonts
    • Adobe Type
    • Adobe Web Type
    • Bitstream
    • Dafont.com
    • Emigre
    • Font converter (free)
    • Font Spring
    • Font Squirrel
    • Google Fonts
    • I Love Typography
    • identifont
    • Typeinspire
    • Typewolf
    • Typoretum

    Photography

    • Creative Commons

    Footer

    Subscribe to Mailing List

    Sign up to get periodic updates on Anne's design and art adventures, and receive useful info. via her blog.
    * = required field

    We never share our email list with anyone.

    Subscribe to RSS Feed

  •  ASK Design Blog
  • Contact

    Website
    Email

    Connect and Share

  •  
  • Copyright © 2021 · Optimal Theme · Built on the WordPress Genesis Framework· Customization and design by ASK Design