Back to Blog Index

How to Resize Images in Photoshop

You need to know how to resize images in Photoshop. Luckily, we have just the guide for you.

Working in Photoshop often means resizing your images to fit into a specific canvas. Depending on the image format, the project design, or a dozen different variables, the way you go about resizing can vary. Fortunately, we have a few ways to accomplish this goal.

In this video, we’ll show you six different ways to resize images in Photoshop, and which ones work better for different design and animation situations. We'll talk about algorithms, dots per inch, and how to get the most detail in your images. The newest option even uses artificial intelligence!


1. Image > Image Size

Photoshop has a lot of options for resizing images! Let’s start off by going to the top menus with Image > Image Size

Right away, you can see plenty of options to change your image. Ever wondered what all these things in the "image size" options dialog mean? Well, let’s take a look. 


You can resize your image in a few different ways by clicking on the drop-down menus. We normally work in pixels, but you can also resize by inches, centimeters, picas, percentages, and more.


You can also adjust your resolution here. Normally we work in 72 PPI, but if you were planning on printing out the image you’d want to increase to 300. Your Resolution uses PPI, or Pixels Per Inch to measure the image quality. In general, the higher the PPI, the higher the quality of the image. If you were printing out a hard copy, PPI becomes DPI (Dots Per Inch) once ink hits paper, and the same principle applies. 


Next you have Resampling, in which Photoshop analyzes the image and either adds pixels or subtracts pixels to resize the image. If you uncheck this box, your image is either going to be squashed or stretched without any pixel compensation, which can affect your overall image quality. 

More often than not, we recommend Automatic. If you don’t get the image you had wanted, CTRL/CMD+Z and pick a specific option. In general, this is what you’ll get:

  • Enlarge - Preserve Details
  • Enlarge - Preserve Details 2.0
  • Enlarge - Bicubic smoother
  • Reduce - Bicubic sharper
  • Bicubic (smooth gradients)
  • Nearest Neighbor (hard edges)
  • Bilinear
  • Automatic - but how much do you trust Photoshop to make your decisions?


Resize also comes with a bevy of presets, and you can even customize your own if you find a mix of options that suits your needs. 

OK now let's see how we can resize without changing our source file.

2. Changing the Canvas Size in Photoshop

What if you want to resize the image without resizing the content of the image? Say you just need a bit more empty space around this puppy to add your amazing background? Let’s go to Image > Canvas Size

This will open our Canvas Size dialogue, which opens up options for affecting our canvas. Let’s take a look. 

Adjusting dimensions

You’ll have the same options for width and height adjustments, as well as the same dropdown menu to choose from either pixels, percentages, inches, etc. Let’s say we want to add an inch on either side of our image. We can switch the measurement to inch, then add 2 to each number, which will increase our canvas size without affecting the image. 


Now we have the option of deciding where those extra inches will go. See this box at the bottom of the window?

This is our Anchor. The dot in the center represents your image, with the arrows showing the added area based on your input. If we move that dot around, the canvas will grow out in different directions. 

Canvas Extensions

Finally, we need to decide what color the new canvas extensions will be. That’s selected right at the bottom. 

We usually use white, but feel free to throw out whichever color works best for your project.

3. Resizing with the Crop Tool

Sometimes we might want to cut our canvas down to a specific size, which is when we can turn to the Crop Tool

Either select from the Tool Bar or hit C, then check out the new options at the top of the window. 

We can select a desired aspect ratio, and now our tool will automatically adjust as we scroll around the image so that this ratio is met. 

If we drag the corners, it will change the size of the crop without affecting the ratio. Be sure to check the information for the ratio you select, as some will affect the PPI of the final image. 

4. Export Resize Options in Photoshop

Export As

What if you just want to kick out an image to share with a friend (or for the ‘Gram?). Export As allows us to share the image without affecting the psd. Simply go to File > Export.

Quick Export as PNG

Quick Export as PNG will do exactly what you think. It exports your image as a PNG file…quickly. 

Export As

Export As affords us more options for our file. Once selected, you’ll see this dialogue pop up.

We can change the file type, between PNG, JPEG, and GIF. We can adjust image size, canvas size, and resampling.

We can also change the metadata here. If you downloaded an image from Unsplash, for example, it has metadata you might not want in your exported image, so you can select None to remove it. 

When you hit Export you’ll be asked to select a destination. 

5. Save for Web in Photoshop

When you hit File > Export > Save for Web, you’ll see this dialogue box pop up. It might take a moment, depending on the size of your image, so feel free to grab a book (or feed your Tamagotchi). 

With this box open, we can quickly see how the various file types and compression methods will affect our final image. This can be useful if you’re unsure about how a lower file size will affect your image quality. 

Go ahead and play around with the different options and you’ll have an idea of what the final product will be. Select your file type and click Save, choose a location, and you’re all set!

6. Neural Filter - Super Zoom in Photoshop

It’s time to learn how to resize with magical artificially intelligent beings. Head to Filter > Neural Filters.

Adobe’s Sensei AI is a powerful additional to Creative Cloud applications, and Photoshop has some of the best tricks to use. Once you hit Neural Filters you’ll see a new window pop up on the right. 

If you don’t have Super Zoom installed, you can download it by clicking the cloud icon. You’ll also see the other available Neural Filters. These are pretty great tools (I call them Auto-Magic), and if you haven’t played around with Colorize you need to right away. For now, let’s stick with Super Zoom. 

Let’s say we want to resize the image just around the dog’s face. We can click the + or - zoom controls and the image will adjust on the right. If you look at your main window, you’ll notice a new pop up as the image processes in the background. Every time you make a change, this processing starts over. 

You’ll also see some options in the window to make additional changes to your image. If you’re working with a JPEG, the compression can create artifacts that you wouldn’t otherwise want. Selecting Remove JPEG Artifacts will instruct the AI to attempt to clear these issues wherever possible. 

You will also see Enhance Face Details. Now, Sensei was trained on human faces, so we’re not sure how well this will improve your four-legged friend, but you can check this box to touch up areas on profile pics that ran into issues during the resizing. 

Finally, you can decide where you want this processed image to go, either as a New Document or a New Layer. Again, we’re not affecting our source image, just resizing into a new location. Let’s check out a comparison between a normal resize and a Super Zoom!

As you can see, the image on the left (the regular resize) isn’t too bad, but it does get a little messy around the mouth. The Super Zoom on the right is just a hair crisper. The power of Sensei is pretty amazing!

And that’s it! Six ways you can resize your images in Photoshop without breaking a sweat. 

Keep learning Photoshop and level up

I hope you've learned a lot so far. And if you really wanna really learn Photoshop, you should check out Photoshop and Illustrator Unleashed, part of the School of Motion core curriculum.

Photoshop and Illustrator are two very essential programs that every Motion Designer needs to know. By the end of this course, you'll be able to create your own artwork from scratch with tools and workflows used by professional designers every day.


Dive into real-time 3D with our Unreal Engine beginner's course by Jonathan Winbush. Master importing assets, world-building, animation, and cinematic sequences to create stunning 3D renders in no time! Perfect for motion designers ready to level up.

Explore this Course

Unlock the secrets of character design in this dynamic course! Explore shape language, anatomy rules, and motifs to craft animation-ready characters. Gain drawing tips, hacks, and Procreate mastery (or any drawing app). Ideal for artists seeking to elevate their craft.

Explore this Course

Elevate your freelance motion design career with our guide to client success. Master a repeatable method for finding, contacting, and landing clients. Learn to identify prospects, nurture leads, and develop a thriving freelance philosophy amidst chaos.

Explore this Course

Rev up your editing skills with After Effects! Learn to use it for everyday needs and craft dynamic templates (Mogrts) for smarter teamwork. You'll master creating animated graphics, removing unwanted elements, tracking graphics, and making customizable templates.

Explore this Course

Stand out with Demo Reel Dash! Learn to spotlight your best work and market your unique brand of magic. By the end, you'll have a brand new demo reel and a custom campaign to showcase yourself to an audience aligned with your career goals.

Explore this Course

Illuminate your 3D skills with Lights, Camera, Render! Dive deep into advanced Cinema 4D techniques with David Ariew. Master core cinematography skills, gain valuable assets, and learn tools and best practices to create stunning work that wows clients.

Explore this Course

Master After Effects at your own pace with Jake Bartlett's beginner course. Perfect for video editors, you'll learn to create stylish animated graphics, remove unwanted elements, and track graphics into shots. By the end, you'll be equipped for everyday AE needs and more.

Explore this Course

Revolutionize your Premiere workflow with customizable AE templates! Master creating dynamic Motion Graphics Templates (Mogrts) in After Effects to speed up your team's work. By the end, you'll craft easily-customizable templates for seamless use in Premiere Pro.

Explore this Course
Your download is in your inbox!!!
Check your email (spam, too) for the download link!
Please check the spam folder if you don't see the message within a minute or two. Google likes to hide your downloads, sometimes.
Oops! Something went wrong while submitting the form.

Not sure where to start?

If you’re a beginner, here are some great courses to help you get started:

After Effects Kickstart

Dive into the fundamentals of motion design with our most popular (and recently updated) After Effects course.


Photoshop + Illustrator Unleashed

Master the basics of Photoshop and Illustrator and gain invaluable insights in this introductory level course.


Design Kickstart

An introduction to the design principles behind all great work.


More Advanced?

If you’re a more advanced student looking to up your game, here are some great options:

Animation Bootcamp

Learn the art and principles of creating beautiful movements in Adobe After Effects.


Design Bootcamp

Learn to design for motion in this intermediate-level, project-based course.


Cinema 4D Basecamp

Learn Cinema 4D from the ground up in this exciting introductory C4D course.


Now is the time to learn the skills you need to advance in your motion design career: