• 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
      • Privacy Policy
      • Cookie Policy

    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

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

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

    Primary Sidebar

    Affiliate Disclosure

    This website contains affiliate links, which means I may get a small commission (at no cost to you) if you use these links to make a purchase.

    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 on this Site?

    Search the Web

    New Book Published!

    Kornegger book: Inside the Rainbow

    Art and design for book cover and interior

    Inside the Rainbow: Soul Connection in Nature, by Peggy Kornegger

    BUY THE BOOK!

    Peggy and I have completed our 3rd book together! This one is about soul connection in nature. Peggy is the writer, I'm the designer and artist. I think it's pretty darn special and hope you agree 🙂. Printed book and eBook are both available on Amazon.

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

    Amazon Affiliate

    As an Amazon Associate I earn from qualifying purchases.

    Photo, Video & Design Software

    Affiliate Partners

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

    Web Hosting

    StudioPress
     
    Bluehost Website Hosting

    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

    Copyright

    © 2000-2023 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
    • 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.

    Contact

    Website
    Email

    Subscribe to RSS Feed

  •  ASK Design Blog
  • Connect and Share

  •  
  • Legal

    Privacy Policy
    Cookie Policy

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