How to Zoom and Scroll Images in Photoshop
This tutorial shows you how to zoom, scroll and navigate images in Photoshop like a pro. You'll learn how to use the Zoom Tool, the Hand Tool, the View commands and more, along with some great tips and tricks to speed up your workflow!
If you’re new to Photoshop, one of the first things you need to know is how to navigate an image, meaning how to zoom in and zoom out, and how to pan or scroll an image from one area to another. So in this tutorial, I show you the best ways to work. I cover the basics of zooming and panning images, including the tools and commands you need to know. But I also show you lots of great tips and tricks to speed things up!
Let's get started!
How to zoom in and zoom out in Photoshop
You can follow along with your own image. I’ll use this image from Adobe Stock.
Where to find the current zoom level
When you first open your image, Photoshop zooms the image out so it fits entirely on the screen. And we can see the current zoom level in the document tab at the top. In my case, it’s 33.3%. Your value may be different.
Changing the zoom level
The zoom level is also displayed in the lower left of the document. But the difference is that we can change the zoom level from here.
Double-click on the current value to highlight it.
Then enter a new value, like 50 for 50%.
Press Enter on a Windows PC or Return on a Mac. And the image instantly jumps to the new zoom level.
Zooming with the Scrubby Slider
And here’s the first tip. If you hover your cursor over the zoom level in the lower left, and hold down the Ctrl key on your keyboard, or the Command key on a Mac, your cursor will change to a scrubby slider.
You can then drag to the right to zoom in, or drag to the left to zoom out. And if you add the Shift key (so that’s Shift+Ctrl in Windows or Shift+Command on a Mac) you’ll zoom in or out in larger 10% increments.
Photoshop's Zoom In and Zoom Out commands
Another way to zoom in and out of an image is by going up to the View menu in the Menu Bar and using the Zoom In and Zoom Out commands.
I’ll choose Zoom In, and Photoshop zooms the image in a bit closer. The only problem with these commands is that you would need to keep going back to the View menu and reselecting them to zoom in or out further.
The Zoom In and Zoom Out keyboard shortcuts
Thankfully, each command has a keyboard shortcut. And these are two of the most useful shortcuts in Photoshop to memorize. To zoom in, press and hold the Ctrl key, or the Command key on a Mac, and then press the plus sign (+). And to zoom out, hold the Ctrl key, or Command on a Mac, and press the minus sign (-).
Photoshop’s zoom level presets
Keep an eye on the zoom level in the document tab as you press Ctrl++ (Win) / Command++ (Mac) to zoom in on the image, and Ctrl+- (Win) / Command+- (Mac) to zoom out. Notice that the zoom level jumps to specific values.
For example, if you zoom out to 25%:
And then press Ctrl++ (Win) / Command++ (Mac) to zoom in, the zoom level will jump to 33.3%.
Continue zooming in and the zoom level jumps to 50%, then 66.7%, and then 100%. And if you press Ctrl+- (Win) / Command+- (Mac) repeatedly to zoom out, the zoom level jumps from 100% back to 66.7%, then 50%, 33.3%, and then back to 25%.
These are not random values. These are the zoom levels that give us the most accurate view of the image. Any time we’re viewing the image at a zoom level less than 100%, we’re not seeing all of the pixels. So Photoshop needs to redraw the image with fewer pixels while still trying to make it look as accurate as possible.
But if you’re zoomed in at a value other than one of these presets, the image will look softer on your screen than it really is.
For example, on the left is the image zoomed in to an odd value, like 51.25%. And on the right is the image zoomed in to 50% (one of the presets). Notice how her eyelashes look softer on the left and sharper on the right. That’s because the 50% zoom level on the right is giving us a more accurate view.
So whenever you need a sharper view of your image, use the keyboard shortcut Ctrl++ (Win) / Command++ (Mac) to zoom in, or Ctrl+- (Win) / Command+- (Mac) to zoom out to the nearest preset level (25%, 33.3%, 50%, 66.7%, 100% and so on).
The Fit on Screen command
To go back to viewing the entire image at once, go up to the View menu and choose the Fit on Screen command. And notice that it has a keyboard shortcut, Ctrl+0 or Command+0 on a Mac.
I’ll choose Fit on Screen, and now the entire image is once again visible.
The 100% view
But to get the most accurate view possible, we need to view the image at a zoom level of 100%. And you can jump to 100% at any time by going up to the View menu and choosing 100%. Or by pressing the keyboard shortcut, Ctrl+1 or Command+1 on a Mac.
While we have the View menu open, notice that all of the main zoom commands share the same key for their shortcut. It’s the Ctrl key on a Windows PC and the Command key on a Mac. Once you know that, all you need to remember is to add the plus sign to zoom in, the minus sign to zoom out, 0 to fit the image on screen, and 1 to jump to 100%.
I’ll choose 100%, and the image jumps to the 100% zoom level.
It’s very important to understand that viewing the image at 100% is the only way to see a truly accurate view of your image with all of its detail. At 100%, each pixel in the image is displayed by a single pixel on your screen. And that is not true with any other zoom level.
So if you are sharpening the image or doing anything where you need the most accurate view possible, be sure to view it at 100%.
For now, I’ll go back to fitting it on the screen by pressing Ctrl+0 (Win) / Command+0 (Mac).
Using the Zoom Tool
So far, we’ve learned that we can zoom in and out using the Zoom in and Zoom Out commands. And you’ll use these commands all the time. But they do have one big drawback. They can only zoom on the center of the document window.
To control which part of the image we’re zooming in to, we use Photoshop’s Zoom Tool, found near the bottom of the toolbar. You can also select the Zoom Tool from your keyboard by pressing the letter Z.
With the Zoom Tool active, your mouse cursor changes to a magnifying glass with a plus sign in the middle.
Click on the area with the Zoom Tool to zoom in, and click repeatedly to zoom in closer. The Zoom Tool uses the same preset values as the Zoom In and Zoom Out commands that we looked at earlier (like 25%, 33.3%, 50%, 66.7%, 100%) so you're getting the most accurate view.
To zoom out with the Zoom Tool, press and hold the Alt key on your keyboard, or the Option key on a Mac. The plus sign will change to a minus sign.
Then click on an area to zoom out, and click repeatedly to zoom out further.
Zooming in beyond 100%
You can zoom in beyond 100%. In fact, these days Photoshop lets you zoom all the way in to 12800%, although you may want to get your eyes checked if you need to zoom in that close. But once we go beyond 100%, we’re not seeing any more detail. We’re just making the pixels larger.
Here I’m zoomed in to 800% and the image is looking quite blocky:
The Pixel Grid
If you continue zooming in closer and closer beyond 100%, you’ll eventually see an outline around the pixels known as the Pixel Grid. The grid won’t be visible when you save or print the image. It’s just for reference. And it will disappear when you zoom back out.
You can disable the Pixel Grid by going up to the View menu, choosing Show, and then Pixel Grid to deselect it. To turn it back on later, just go back to the View menu and reselect it. Personally I just leave it on because I rarely zoom in close enough for it to appear.
How to temporarily switch to the Zoom Tool from your keyboard
So the Zoom Tool is great for zooming in on a specific area. But rather than selecting it from the toolbar every time you need to zoom in or out, a better way is to access the Zoom Tool temporarily from your keyboard.
Just hold down the spacebar and the Ctrl key on a Windows PC, or the spacebar and the Command key on a Mac. Mac users may need to hold the spacebar first, then the Command key, to avoid a conflict with the MacOS operating system.
You’ll have access to the Zoom Tool for as long as the keys are held down so you can click on an area to zoom in. To zoom out, add the Alt key, or the Option key on a Mac. Release the Alt or Option key to switch back to zooming in, and release all the keys to switch back to the previous tool so you can keep on working.
Another way to use the Zoom Tool is with a feature known as Continuous Zoom. With the Zoom Tool active, click on an area where you want to zoom in and keep your mouse button held down. After a second or so, Photoshop will start zooming in continuously until you release your mouse button. To zoom out continuously, add the Alt key or the Option key, and then click and hold.
But my favorite way, and the fastest way, to use the Zoom Tool is with a feature called Scrubby Zoom. This feature should be turned on by default. But just to make sure, select the Zoom Tool from the toolbar.
And in the Options Bar, make sure Scrubby Zoom is checked.
Then simply click and drag to the right to zoom in on an area, or drag to the left to zoom out. The faster you drag, the faster the zooming will be.
The only catch with Scrubby Zoom is that you need to start dragging immediately after you click. If you wait too long, Photoshop will assume you want to use Continuous Zoom instead. And once Continuous Zoom starts, dragging has no effect. So to use Scrubby Zoom, make sure you start dragging as soon as your mouse button is down.
Dragging a selection outline to zoom in
If you turn Scrubby Zoom off by unchecking it in the Options Bar:
Then the Zoom Tool behaves more like the Rectangular Marquee Tool. You can click and drag a selection outline around an area:
And when you release your mouse button, Photoshop instantly zooms in on that area. If you prefer to work this way, you can leave Scrubby Zoom unchecked. But if you like Scrubby Zoom better, just reselect it in the Options Bar.
Zooming with the scroll wheel
Finally, one more way to zoom in and out is by using the scroll wheel on your mouse. And this works with any tool active, not just the Zoom Tool.
Hover your cursor over the area where you want to zoom in. Press and hold the Alt key or the Option key on a Mac, and scroll the wheel up to zoom in or down to zoom out.
And if you add the Shift key, you’ll limit the zoom values to just those presets we looked at earlier that give you the sharpest and most accurate view. And that’s the basics of zooming in and zooming out in Photoshop.
How to pan or scroll an image in Photoshop
Next, let’s look at how to pan or scroll an image from one area to another. Panning or scrolling is most useful when we’re zoomed in and can’t see everything at once.
So I’ll zoom my image in to 100% by going up to the View menu and choosing 100%. Or by pressing that keyboard shortcut we learned in the previous section, Ctrl+1 or Command+1 on a Mac.
Using the Hand Tool
To pan the image from one area to another, we use Photoshop’s Hand Tool which is found in the toolbar directly above the Zoom Tool. You can also select the Hand Tool from the keyboard by pressing the letter H.
With the Hand Tool active, your mouse cursor changes to a hand icon.
Then simply click on the image, keep your mouse button held down, and drag the image around to view and inspect different areas. Release your mouse button to let go.
If you release your mouse button while you are in the middle of a drag, you will toss or throw the image in that direction. And it will keep moving until it gradually comes to a stop. Or you can stop it manually by clicking on the image again. This is known as Flick Panning.
If Flick Panning is not working, check to make sure it’s enabled in Photoshop’s Preferences. On a Windows PC, go up to the Edit menu. On a Mac, go up to the Photoshop menu. From there, choose Preferences, and then Tools.
Make sure Enable Flick Panning is checked, and then click OK to close the Preferences dialog box.
How to access the Hand Tool temporarily
Just like with the Zoom Tool that we looked at earlier, you won’t want to select the Hand Tool from the toolbar every time you need to pan to a different part of the image.
So a faster way to work is to access the Hand Tool temporarily from your keyboard. And you can do that by pressing and holding the spacebar. So holding the spacebar along with the Ctrl (Win) / Command (Mac) key lets you access the Zoom Tool temporarily, and holding the spacebar on its own gives you access to the Hand Tool.
Release the spacebar when you are done panning to switch from the Hand Tool back to your previous tool.
Panning the image with the scroll bars
You can move the image up or down using the scroll bar along the right of the document window. And you can pan left or right using the scroll bar along the bottom.
Panning with the scroll wheel
But you can also pan the image up, down, left or right using the scroll wheel on your mouse (if your mouse has one). This works with any tool active, not just the Hand Tool. Scrolling the wheel up moves the image up, and scrolling down moves it down.
Hold the Ctrl key, or the Command key on a Mac, and scroll the wheel up to pan the image to the left, or scroll down to pan it to the right.
And just to recap from earlier, holding the Alt or Option key while scrolling your mouse wheel up or down lets you zoom in and out.
The Birds Eye View
Finally, a great way to pan an image is by using a feature called Bird’s Eye View, which is not just useful but also a lot of fun.
I’ll zoom in close to my image so we can really see how it works. Here I'm zoomed in to 200%.
Earlier, we learned that we can select the Hand Tool by pressing the letter H on the keyboard. To use the Bird’s Eye View, press and hold the letter H. It won’t work by holding the spacebar to temporarily access the Hand Tool, and you need to hold H even if the Hand Tool is already active in the toolbar.
With the H key down, click and hold on your image. Photoshop will zoom the image out so it fits entirely on the screen. And you’ll see a rectangle which represents the area you’ll zoom in to next. Drag the rectangle over the new area you want to inspect.
Release your mouse button, and Photoshop instantly zooms in on that area, at the same zoom level you were at previously (so in my case, 200%).
As long as the H key is still down, you can keep clicking and holding on the image to zoom out, dragging the rectangle to a different area, and then releasing your mouse button to zoom back in.
Selecting the Fit on Screen and 100% views from the toolbar
Here’s one last tip. If you ever need to jump to the Fit on Screen or 100% views but can't remember their keyboard shortcuts, you can quickly access them from the toolbar.
Double-click on the Hand Tool in the toolbar for Fit on Screen. Or double-click on the Zoom Tool to jump to 100%.
Where to go next...
And there we have it! In this lesson, we learned how to zoom and pan a single image in Photoshop. In the next lesson, we'll learn how to navigate multiple open images at once!