• 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

    How to Resize an Image in Photoshop

    April 6, 2014 by ProfK 3 Comments

    It’s a good idea to orient yourself to an image file before making any changes to it. There are a few key areas in the Photoshop file window to make note of:

    1. Image window – this is where you will find a sub-menu that contains the Image Size option.
    2. View size – in the sample below, the file is being viewed at 50% of its actual size.
    3. Document size – the number on the left side is the approximate size of the saved, flattened file. The number on the right side is the approximate size of the layered file size, including channels.

    photoshop-window-view-of-all

    When you click on the Document size area on the bottom, you get a quick snapshot of the file’s physical size in width and height, channels (color space and bits per channel), and resolution. When you click on the arrow next to the Document size area, a menu is revealed that shows more information, notably Document Size, Document Profile, and Document Dimensions. High resolution images (required for print) are 300 pixels/inch (ppi), whereas low resolution images (required for web and screen viewing) are 72 pixels/inch (ppi).

    To resize the image, go to the Image menu and select Image Size. The Image Size window will pop up. There are 2 sections in this window: Pixel Dimensions and Document Size. Pixels are the small picture elements that comprise digital images. Pixel Dimensions are the number of pixels that reside in the physical dimensions defined in Document Size. For the flower image, the Document Size is 6.947″ wide x 4.93 ” high, with a 300 ppi resolution. If you divide the pixel width of 2084 by 300 (pixels/inch), you’ll get the 6.947″ inch width.

    photoshop-image-menu photoshop-image-size-window

    Document Size Scaling

    One of the most common ways to scale an image is in the Document Size section. To scale the image down in size, simply change the Document Size width and height, keeping all 3 options of Scale Styles, Constrain Proportions, and Resample Image selected. Scaling down in this manner does not change the resolution or the image quality. Notice that the number of pixels in the Pixel Dimensions section decreases as you scale down, but the resolution stays the same.

    photoshop-image-size-window-300-smaller

    When you scale an image up in size, you need to be more careful. First of all, you should NOT resample the image when scaling up. Photoshop adds pixels to an image when resampling upward using the interpolation method you select. Printers have always warned me against using resampling when upscaling beyond a 20% increase. Although the image may look ok on your computer monitor, it has actually lost detail and sharpness, and won’t look good when printed. Downsampling (resampling when scaling downward) is not problematic; even though you’re deleting pixels, the pixels per inch remains the same.

    In the sample below, we’ve scaled the image up 200% without resampling. The Pixel Dimensions stayed the same, but the resolution decreased from 300 ppi to 150 ppi. That’s because those same pixels are now being spread out over a larger area.

    photoshop-image-size-200

    Resolution Resizing

    With Resampling – Instead of changing the Document Size width and height, you could decrease an image by decreasing its Resolution. With Scale Styles, Constrain Proportions, and Resample Image selected, change the 300 ppi to 72 for a low-resolution image. This will affect only the Pixel Dimensions: pixels are deleted. The physical dimensions in Document Size remain unchanged.

    photoshop-image-size-window-72ppi-resample

    Without Resampling – With Resample Image NOT selected, change the 300 ppi to 72 for a low-resolution image. This will affect only the Document Size width and height. You’re spreading the same number of pixels over a larger area.

    photoshop-image-size-window-72-resample-off

    When to Change Pixel Dimensions

    For web images that require a specific width or height, I often have to use a 2-step process for downsizing an image. First, I downsize without resampling as we just did above. That will change my resolution to 72 without altering the Pixel Dimensions. Click OK. Open the Image Size window again, and this time, select resampling to change the Pixel Dimensions to the desired width and/or height. In the sample below, I’ve change the width to 1600 pixels. The Document Size dimensions reduced automatically to retain the 72 ppi.

    photoshop-image-size-window-72-resample-off-on

    Experiment

    Now that you’ve got the general idea behind the Image Size window, play around with a high resolution image in Photoshop. Make note of what happens when you change something. Compare the differences between sampling and resampling, altering the pixel dimensions vs. the document size dimensions. Ask me any questions you might have. And feel free to let me know what techniques you use that work well for you!

    Related Posts

    How to Create and Edit WordPress Galleries

    How to Resize an Image in WordPress

    How to Scan within Photoshop CS6, CS5, CS4

    Effective Resolution: Key Factor of Image Scaling

    Image File Formats: print vs. web

    Filed Under: Graphic Design, Software Tips, Teaching Tagged With: document size, image resolution, pixel dimensions, pixels per inch, resample image, resampling

    Reader Interactions

    Comments

    1. Michel Thomas says

      June 21, 2018 at 7:08 am

      Really helpful article. I’m going to test it out on my house but I honestly think that the best results would happen when using the tips.

    2. Simon says

      June 27, 2022 at 7:06 am

      Hi. You can use a free online tool to resize image https://freetools.site/image-editors/resize

    3. ProfK says

      June 28, 2022 at 7:53 pm

      Thanks for the tool, Simon. I experimented with and see a couple of problems:
      (1) You have to input the width AND height. The app doesn’t maintain the proportions for you.
      (2) I was unable to decompress the .zip file that it provides, which makes it pretty useless for me!

      I’m on a Mac: maybe it works OK on a Windows PC?

    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