How To Resize an Image WITHOUT Stretching It in Photoshop
49.7K views 989 likes 56 comments
Jump to a step in the video (10)
Click a time to play the video from there.
Your choices stick across every tutorial on this device.
Content-Aware Scale is the tool that lets you resize an image without stretching it in Photoshop.
A normal transform squeezes every pixel by the same amount, so a landscape photo forced into a phone-screen portrait ends up with a thin, warped subject.
Content-Aware Scale removes strips of low-detail pixels instead. The sky and the water give way, while the woman and the Eiffel Tower in this photo retain their real shapes.
This is not a Generative AI job. Nothing here spends a credit, and nothing in the finished photo was invented by a model.
The tool has been in Photoshop since CS4 in 2008, so it works in Photoshop CS4 or the latest version. By the end, you will be able to resize an image in Photoshop to any aspect ratio without stretching it, while keeping the parts that matter intact.
Key Takeaways
- Content-Aware Scale changes the layer, not the canvas. Crop to the new aspect ratio first, with Delete Cropped Pixels unchecked, then scale into it.
- The tool works in both directions. Drag inward to remove low-detail strips, or drag outward to duplicate them and widen the photo.
- Protect only reads saved selections, so the dropdown stays empty until you save one as a channel.
- The Amount field blends content-aware scaling with a normal scale. At 100% Photoshop removes strips; at 0% it squeezes every pixel evenly.
- The command is grayed out on Smart Objects, text, vectors, locked layers, and multiple selected layers. Duplicate the Background layer, and it works.
- Any patch copied from the original layer lines up with the protected subject, because Protect kept her at her original size.
Table of contents
- What You Will Learn
- Requirements
- Keyboard Shortcuts
- Resize the Image Without Generative Expand
- Step 1: Resize the Image in Photoshop With Content-Aware Scale
- Step 2: Set the Amount and Protect Skin Tones
- Step 3: Paint the Selection to Protect
- Step 4: Save the Selection as a Channel
- Step 5: Crop the Image in Photoshop Without Deleting Pixels
- Step 6: Resize an Image Without Stretching It in Photoshop
- Step 7: Fix Distortion With the Original Pixels
- Step 8: Remove the Seam Without Generative AI
- Bonus: Resize a UI Screenshot Without Stretching It
- Older Versions of This Tutorial
- Frequently Asked Questions
- Resize the Image in Photoshop, Not the Subject
- Related Links
What You Will Learn
- How Content-Aware Scale decides which pixels to remove
- How to use the Amount field and skin tone protection
- How to paint a Protect selection and save it as a channel
- How to crop to 9:16 without deleting a single pixel
- How to fix distortion and seams without Generative AI
- How to scale a UI screenshot without squishing its content
Requirements
Before you start
- Photoshop CS4 or the latest version. The Selection Brush Tool and the Remove Tool used in the cleanup steps need a 2024 release or later.
- A landscape photo with a clear subject you want to protect, or the practice file below
Practice Files
Download the photo used in this tutorial and follow along step by step.
Keyboard Shortcuts
| Action | Windows | macOS |
|---|---|---|
| Duplicate the layer | Ctrl J | Command J |
| Free Transform | Ctrl T | Command T |
| Deselect | Ctrl D | Command D |
| Commit a crop or transform | Enter | Return |
| Cancel a transform or dialog | Esc | Esc |
| Rectangular Marquee Tool | M | M |
| Selection Brush Tool | L | L |
| Move Tool | V | V |
| Hand Tool | H | H |
| Resize the brush | Left Bracket and Right Bracket | Left Bracket and Right Bracket |
| Set a Clone Stamp source | Alt click | Option click |
The full list of Photoshop shortcuts lives in the keyboard shortcuts cheat sheet.
Resize the Image Without Generative Expand
When a photo will not fit the frame, most people reach for Generative Expand. That solves the opposite problem.
Generative Expand invents new pixels to fill empty space. Here we have too much content, not too little, and the trick is choosing which pixels Photoshop throws away.
Content-Aware Scale keeps everything you already have and quietly removes the areas with the least detail. Nothing is generated, so there’s nothing to check for made-up buildings or extra fingers.
It also costs zero generative credits, and you can run it as many times as you want.
Step 1: Resize the Image in Photoshop With Content-Aware Scale
Press CtrlJ (Windows) or CommandJ (macOS) to duplicate the Background layer. Then click the eye icon on the original to hide it.
The duplicate is the layer you will scale. The hidden original stays untouched, and you will copy pixels from it later to fix any distortion.
Go to Edit > Content-Aware Scale.
Note: If the command is grayed out, you are not on a pixel layer. Content-Aware Scale does not work on Smart Objects, vectors, text layers, locked layers, or more than one layer at a time. That is why the locked Background layer gets duplicated first.
Eight handles appear around the layer. Drag the center handle on the right edge to the left and watch what happens.
Photoshop protects the pixels with the most detail and removes strips from areas with the least detail. Push it far enough, though, and the woman and the Eiffel Tower start to distort.
The tool works in both directions. Drag a handle outward instead, and Photoshop duplicates low-detail strips to widen the photo.
Tip: Content-Aware Scale only scales. If you need to skew or warp a layer, that is Free Transform, not this tool.
Step 2: Set the Amount and Protect Skin Tones
Two settings in the Options Bar control how hard the tool works.
Amount blends content-aware scaling with a normal scale. At 100%, Photoshop reaches the new size by removing strips of low-detail pixels.
At 0%, it squeezes every pixel evenly, which is just a normal scale. Anything in between mixes the two.
Lower the Amount when the strips start tearing up a detailed background. Sometimes that is all the fix you need, but not with this photo.
The person icon next to “Amount” is “Protect Skin Tones“. It looks for skin-colored pixels and keeps them intact.
It fails here because the sand, the stone, and the warm light share the same colors as her skin. Photoshop cannot tell them apart, so we need to tell it what to protect ourselves.
Press Esc to cancel the transform. The Protect dropdown is currently empty, and the next two steps will populate it.
Step 3: Paint the Selection to Protect
Select the Selection Brush Tool from the Toolbar. In the Options Bar, lower the Hardness to soften the brush edge, and adjust the size as needed.
Freehand a loose loop around her body. You do not have to be precise, because you are marking an area to protect, not cutting anything out.
When you come back to where you started and release, Photoshop fills in the rest of the selection.
Do the same for the other important elements: the Eiffel Tower, the yachts, and the area around them. Include the reflection in the water too, since that detail belongs in the final image.
Tip: If your subject is a person on a plain background, Select Subject gets you there faster. The brush wins here because the tower and the boats need protecting too.
This is a selection even though it does not look like one. Press M to activate the Rectangular Marquee Tool and see the marching ants. Press L to return to the Selection Brush; it reappears as a colored overlay.
Both views are the same selection. They just look different.
Step 4: Save the Selection as a Channel
Go to Select > Save Selection. Leave Channel set to New, name it, and press OK. This one is called “Woman and Tower.”
Press CtrlD (Windows) or CommandD (macOS) to deselect. Open the Channels Panel and the saved selection sits at the bottom of the list.
The channel does not change your pixels. It just lives inside the document, and if you want it gone later, drag it to the trash icon at the bottom of the Channels Panel.
This is the concept behind the whole technique. A selection is simply a channel.
White is fully selected. Black is not selected at all. The grays in between are partially selected.
In an 8-bit RGB image, each channel has 256 shades of gray, so a selection is never just on or off. The shade tells Photoshop how much of that pixel is selected.
Click the RGB composite at the top of the Channels Panel to view all the channels at once, then go back to the Layers Panel.
Step 5: Crop the Image in Photoshop Without Deleting Pixels
Open Edit > Content-Aware Scale again.
Under Protect in the Options Bar, choose Woman and Tower, then drag the right center handle inward.
The woman and the Eiffel Tower hold their shape this time. The tool works, but it cannot control the aspect ratio on its own, because it changes the layer and not the canvas. So the canvas has to become 9:16 first.
Press Esc to cancel the transform.
Select the Crop Tool from the Toolbar. In the Options Bar, choose 16:9 from the ratio dropdown, then click the double-sided arrow next to it to swap the values to 9:16.
Warning: Uncheck Delete Cropped Pixels before you commit. The pixels outside the new frame are what Content-Aware Scale is about to work with. Delete them and there is nothing left to scale.
Press Enter (Windows) or Return (macOS) to commit the crop. The layer still extends past the canvas on both sides; you just cannot see it.
Step 6: Resize an Image Without Stretching It in Photoshop
Go to Edit > Content-Aware Scale one more time. Protect still points at Woman and Tower.
Drag the handles inward until the whole photo fits inside the 9:16 frame. The protected areas keep their proportions while everything else gives way.
Place the two main subjects wherever they look best. Some distortion in the ground and the water is normal at this stage, and the next step handles it.
Click Done on the contextual taskbar to apply the scale. That is how to resize an image without stretching it in Photoshop: crop first, protect what matters, then scale into the frame.
Tip: The Crop Tool stays active after the crop and gets in the way. Press H for the Hand Tool, then drag the contextual taskbar down and pin it to the bottom of the canvas.
Step 7: Fix Distortion With the Original Pixels
The ground under her feet came out warped, and so did part of her leg. The fix comes from the layer you hid in Step 1.
Hide the scaled layer and show the original. Press V for the Move Tool and drag the original to the right until her leg is inside the canvas.
Select the Polygonal Lasso Tool and draw a selection around the ground and the side of her leg. Press CtrlJ (Windows) or CommandJ (macOS) to copy those pixels to a new layer.
Show the scaled layer again and drag the new patch layer to the top of the stack. With the Move Tool, slide the patch into position over the warped area.
It lines up because Protect kept her at her original size. Photoshop only squeezed the pixels outside the selection, so anything copied from the original is the same scale as the protected subject.
The leg and the ground match, and the distortion is gone.
Step 8: Remove the Seam Without Generative AI
The patch leaves a visible seam in the water. Select the top layer, then pick the Remove Tool from the Toolbar.
In the Options Bar, set the Generative AI dropdown to Off. That keeps the promise from the top of this post: no credits, no invented pixels.
Check Remove after each stroke and Sample All Layers. The first applies the removal the moment you release the mouse. The second lets you paint on the patch layer while Photoshop reads everything underneath it.
Zoom in and brush over the easy stretches of the seam in the water. Loop around a spot the way you did with the Selection Brush, release, and Photoshop fills it.
The bridge is harder because it has structure. Keep brushing until the result looks right, then bring in an even older tool.
Select the Clone Stamp Tool. Hold Alt (Windows) or Option (macOS) and click a clean part of the bridge to set the sample source, then paint the detail back in by hand.
Note: The Clone Stamp Tool samples only the current layer by default. Set Sample to All Layers in the Options Bar, or it will see nothing on the patch layer.
Switch back to the Remove Tool for any leftover spots. This part is trial and error, so keep going until you are happy with it.
Double-click the Hand Tool to fit the image to the screen. Toggle the patch layer off and on to compare the seam before and after.
Bonus: Resize a UI Screenshot Without Stretching It
The same tool solves a problem every writer and designer runs into: fitting a screenshot into a space it was not made for.
This document has two layers: a screenshot of the Photoshop Layers Panel, and a white square that marks where the screenshot needs to fit.
Press CtrlT (Windows) or CommandT (macOS) for Free Transform and scale the screenshot down. The panel fits, but the thumbnails, the text, and the icons get squished along with the empty gray space.
Press Esc and go to Edit > Content-Aware Scale instead. Move the screenshot into position, then drag the corner handles to scale it.
Photoshop contracts the empty gray areas and leaves the thumbnails, the text, and the icons at their original size. Every important part of the screenshot survives.
Older Versions of This Tutorial
This is the third version of this tutorial. The technique is the same in all three; the tools around it have changed.
- 2022 version: the short cut. The same photo taken to 9:16 with the Lasso Tool and a saved selection, in just over two minutes.
- 2020 version: a car photo and the original UI screenshot example, using Select Subject for the Protect selection.
The 2026 version above adds the Amount field, skin tone protection, the Selection Brush Tool, the channel explanation, and a cleanup that never touches Generative AI.
Frequently Asked Questions
Crop to the new aspect ratio with Delete Cropped Pixels unchecked, then save a selection around your subject. Go to Edit > Content-Aware Scale and choose that selection under Protect. Photoshop removes low-detail pixels and leaves the subject alone.
You are not on a pixel layer. Content-Aware Scale does not work on Smart Objects, text layers, vectors, locked layers, or when more than one layer is selected. Duplicate the Background layer and select only the copy.
Protect only lists saved selections. Make a selection, go to Select > Save Selection, and give it a name. The saved channel appears in the dropdown the next time you open Content-Aware Scale.
Amount sets how much of the resize is content-aware and how much is a normal scale. At 100% Photoshop removes strips of low-detail pixels. At 0% it squeezes every pixel evenly. Lower it when a busy background starts to tear.
Yes. Drag a handle outward and Photoshop duplicates low-detail strips instead of removing them. It is a way to widen a photo without Generative Expand, as long as the area being stretched has little detail.
No. Content-Aware Scale has been in Photoshop since CS4 in 2008, before generative features existed. It analyzes the pixels you already have and never invents new ones, so it costs zero generative credits.
Generative Expand solves a different problem by filling empty canvas with new, generated pixels. Content-Aware Scale removes pixels you already have. If your photo is too big for the frame, use Content-Aware Scale. If it is too small, use Generative Expand.
The channel is saved with the document in formats that keep channels, such as PSD and TIFF. It does not change your pixels. To remove it, open the Channels Panel and drag the channel to the trash icon.
Resize the Image in Photoshop, Not the Subject
Crop first, protect what matters, and let Content-Aware Scale absorb the change where nobody is looking. That is the whole technique.
The cleanup afterward uses nothing but pixels from your own photo, so the result holds up when a client zooms in.
Watch the full video above to see every step in real time, and comment on the video if you get stuck on any of them.
Selections and Masking Mastery
Complete course includes 2.5 hours of step-by-step lessons, 6 structured modules, downloadable practice files, and custom Photoshop brushes. Everything you need to master selections and masks in one place.
Keep going
Next, learn when adding pixels is the right call with Generative Expand for extending backgrounds.
