change aspect ratio of image

How To Change Aspect Ratio Of Image Without Distortion [ 2025 Ultimate Guide ]

Follow my detailed guide to understand image dimensions and how to change aspect ratio of image without distortion.

Shohidur Rahman
February 11, 2025
read

This is your
Marketing text

Struggling to change aspect ratio of image only to have a distorted mess? Well, you’re not alone! As an online seller, you know how important it is to have high-quality product images that showcase your artwork in the best possible light. That’s why I’m here to help! In this post, I’ll explain how to change aspect ratio of image with and without distortion and resize your artwork.

What is Aspect Ratio?

Aspect ratio is simply the relationship between the width and height of an image, expressed as two numbers separated by a colon (like 1:1 or 4:3). Think of it as the shape of your image. For example:

  1. A square image has an aspect ratio of 1:1
  2. A typical landscape photo might be 4:3
  3. Many smartphone photos are 16:9
  4. Instagram traditionally uses 1:1 for square posts

Why is Aspect Ratio Important?

Think of fitting a puzzle piece into its slot. When the piece is in the right shape, it slides in effortlessly. But if it doesn’t match, you must either adjust or trim it to make it fit.

That’s what aspect ratio is all about! It’s the relationship between the width and height of your image. When creating images for online platforms like Etsy, getting the right aspect ratio is super important.

Five Easy Ways to Change Image Aspect Ratio without Distortion

I know many struggle with changing an image’s aspect ratio, only to have distorted results. If you’re working with photos, graphics, or printable templates, this guide will show you five professional methods for changing aspect ratios while maintaining image quality.

Content Extension with Generative AI

This method uses advanced AI tools to extend your image naturally:

Step 1: Use Photoshop’s Generative Fill feature by enabling the contextual taskbar in the Window section in the Top Menu Bar.

Enabling the contextual taskbar in the Window section

Step 2: Create a rectangular selection on the empty spaces, slightly overlapping the artwork.

how to change aspect ratio of image

Step 3: Click Generate to receive three AI-generated options that smoothly extend your image.

Click Generate to receive three AI-generated options

You will get three images to choose the most suitable one. If you don’t have the AI generator feature, use Content-Aware Fill for older Photoshop versions by:

  • Right-click on your image layer and choose ‘Rasterize layer’.
Rasterize layer
  • Selecting empty spaces.
selecting empty spaces
  • Using Content-Aware Fill with color adaptation enabled.
content aware

This method, however, cannot preserve the essence of your art piece. The next method will explain how you can fill empty spaces with negative colors.

Negative Space Addition

This method is perfect for artwork that works well with solid-color backgrounds. Here is what you need to do.

Step 1: Select the background layer.

Step 2: Use the Paint Bucket tool to fill empty spaces with a complementary color.

paint bucket tool

Alternatively, add an adjustment layer with a solid color for more flexibility. This method works best for designs that already incorporate solid-color negative space. This technique is limited to artwork that has a solid color background.

To make it more creative, you can use the mirror technique.

Mirroring

This creative approach can yield artistic results. How? Follow these steps and learn.

Step 1: Duplicate your artwork layer (Ctrl/Cmd + J).

Step 2: Use Transform tool (Ctrl/Cmd + T).

Step 3: Choose your reference point based on negative space location.

mirroring

Step 4: Right-click and flip the duplicated layer horizontally or vertically as needed.

flip image horizontal

Step 5: Repeat for other empty spaces. This technique creates a balanced, symmetrical composition. The next technique explains how you can change aspect ratio of image without distorting it.

Adjusting without Distortion

Maintain image integrity while fitting new dimensions:

Step 1: Select the artwork layer.

Step 2: Enter Free Transform mode (Ctrl/Cmd + T).

Step 3: Resize while maintaining proportions.

resize while maintaining proportion

Step 4: Position artwork to highlight key elements. This step may take your artwork beyond the canvas area. Hence, focus on the central elements of your artwork.

Step 5: Accept some cropping to preserve image quality.

This method prioritizes maintaining the original look over showing the entire image. To preserve, the entire image, you can follow the distortion technique.

Adjusting with Distortion (The Stretching Method)

While not ideal for all situations, this can work for certain designs:

Step 1: Create a new document with the desired dimensions. 

new document

Step 2: Import your artwork.

Step 3: Select the Layer of your Image and use Free Transform (Ctrl/Cmd + T).

Step 4: Hold Shift while dragging corners to stretch individual sides.

dragging corners to stretch individual sides

Step 5: Adjust until the image fills the canvas.

Note: This method will distort the original artwork. 

You now know how to change aspect ratio of image by using these five conventional methods. They are good enough when you are working on a single file.

If you’re looking for aspect ratio templates in PSD format, try our free templates. Use the discount count “fullvideo” to get it for free.

What if you have to create hundreds of files one after another? Sounds tedious. Simply use the Bulk Mockup plugin with Photoshop to change aspect ratio of image in simple steps. Let me show you how to do it.

Using the Bulk Mockup Plugin to Automate the Process

You can change the change aspect ratio of image for midjourney into multiple formats when you use this plugin. Follow the steps below.

Step 1: Installing the Bulk Mockup Plugin.

Navigate to the plugins section in Photoshop and install the Bulk Mockup plugin to begin the automation process.

Step 2: Create a New Folder for Templates.

Photoshop has a built-in aspect ratio calculator. Use it to design two or more templates and save them in that folder. Create a dedicated “Portrait Template” folder to store the five aspect ratio templates needed to resize your artwork.

aspect ratio template

Step 3: Create a New Folder for Artwork.

Set up an “Artwork” folder to store your original design files that need to be resized into different aspect ratios.

Step 4: Create a New Folder for Export.

Make an empty “Export” folder that will serve as the destination for all your resized artwork versions.

Step 5: Open the Bulk Mockup Plugin.

Launch Bulk Mockup from Photoshop’s plugins menu and get ready to set up your automation workflow.

open bulk mockup plugin

Step 6: Choosing the Resize Method and Settings

Use the Browse buttons to select your three folders (templates, artwork, and export). 

Step 7: Choose the preferred resize method.

Then, choose your preferred resize method: Fill Canvas Stretch (stretches artwork), Fit to Canvas with Cropping (crops excess), or Fit to Canvas without Cropping (preserves artwork with empty spaces).

preferred size mockup template

Step 8: Starting the Automation Process

Click “Start Generating” and wait approximately 20 seconds. The plugin will automatically create five different aspect ratio versions of your artwork, each saved with appropriate dimensions in the filename.

That’s it. Your resized portraits are ready and saved in the Export folder automatically. You can do the same for multiple images simultaneously and save tedious work hours.

This ‘change aspect ratio’ automation bears better fruit when you know these important terminologies of photo editing.

All Your Queries When Using Bulk Mockup Plugin (SOLVED)

How to convert a PDF file to PNG/JPG without losing DPI? 

A: When saving PDF, you can save directly to PNG/JPG in the same process – it will retain quality. No need for third-party apps.

What is the difference between exporting as PDF for print and using JPG/PNG with 300 DPI? 

A: PDF print is preferred as it’s a lossless format that maintains quality when uploaded, unlike JPG/PNG which sites may compress.

How to get the image out of a PDF file for POD sites that don’t allow PDF uploads? 

A: You can open the PDF in Photoshop and save it as JPG/PNG, or use an online PDF converter.

Do I need to allow extra space around the edges for trimming when creating a bleed border? 

A: Yes, extra space is needed around the edges for bleed borders.

How to compensate for the large file size of 300 DPI photos that exceed the 20 GB upload threshold for Etsy? 

A: Upload files to Google Drive and share the download link in a PDF for Etsy sales.

Is there a workaround or other software that can be used instead of Photoshop? 

A: Alternative options include Canva.com or Photopea.com.

Where can I find the information about DPI details once resized from Canva to PDF print and CMYK?

A: In Canva, click “Share” in the top right corner to select specific details like RGB/CMYK and printing options.

What is the best way to advertise on Etsy since it’s not a JPEG file? 

A: It’s best to sell print-on-demand wall art on Etsy in PDF format.

Will converting from CMYK to RGB for digital purchases affect the color accuracy? 

A: Yes, converting CMYK to RGB will affect colors – RGB has more colors than CMYK, resulting in darker or duller colors.

Is it a problem to have a DPI of 700 for all different ratios/sizes, or should I lower it to 300 DPI? 

A: 700 DPI is fine – no need to lower it to 300 DPI.

Why is there a white line around the image when converting from PDF to JPG? 

A: On Mac, this is just a preview issue – the actual image doesn’t have the white border when opened full screen.

Is the method of uploading images to Canva, resizing, and then converting to JPG with 300 DPI correct, or will the images look blurry? 

A: Download directly from Canva as JPG – for screen viewing, both 72 and 300 DPI appear identical. Use PDF for printing.

Can Bulk Mockup be used in Photopea instead of Photoshop? 

A: No, Bulk Mockup is only available for Photoshop. There are plans to build a web app, but it’s not coming in the near future.

Can Bulk Mockup change bulk photos with bulk sizes, or only one photo at a time? 

A: You can change bulk photos at once.

What is DPI?

DPI stands for Dots Per Inch. It measures the resolution of an image or a printing device. Higher DPI values indicate greater detail and sharper quality. Standard printing resolutions range from 300 to 1200 DPI. For online sellers, here are some common DPI values:

  1. 72 DPI: Suitable for web use, such as social media and online advertising.
  2. 150 DPI: Good for digital printing, such as business cards and brochures.
  3. 300 DPI: Perfect for high-quality printing, such as photography and fine art.

How to Change DPI on Photoshop?

To change the DPI of an image in Adobe Photoshop, follow these steps and open a new document:

  1. Go to File > New
  2. In the New Document dialog box, look for “Resolution”
  3. Enter your desired DPI value (common values are 72 for web, 300 for print)
  4. Create your document

For an existing document:

  1. Go to Image > Image Size
  2. Make sure “Resample” is unchecked if you want to maintain the same pixel dimensions
  3. Enter your desired Resolution (DPI) value
  4. Click OK

How to Change DPI in Canva?

Unlike Photoshop, Canva doesn’t have a direct DPI setting that you can change. However, you can still achieve high-quality exports by following these steps. For downloading high-resolution images:

  1. Click the Share button (top right)
  2. Select “Download”
  3. Choose “PDF – Print” or “PNG” format
  4. Check “PDF Print quality” or select “Best quality” for PNG
  5. Click “Download”

Important notes:

  • Canva Pro designs automatically export at 300 DPI when using PDF Print quality.
  • Free Canva accounts export at lower resolutions
  • For best print results, use the “PDF – Print” option
  • If you specifically need a different DPI, you’ll need to download your design and modify it in another program like Photoshop

Always:

  • Create your design at a larger size than needed
  • Use high-resolution images and elements
  • Export using the highest quality settings available

Remember that Canva is primarily web-focused, so while it can produce print-ready files, it doesn’t offer the same level of DPI control as professional design software.

How to Change Aspect Ratio on Photoshop?

Here are three easy methods to change aspect ratio in Photoshop, from simplest to most advanced:

Method 1: Using the Crop Tool (Easiest Method)

  1. Open your image in Photoshop
  2. Press ‘C’ on the keyboard for Crop Tool
  3. Look at the top menu bar
  4. Click on the aspect ratio dropdown
  5. Either:
  • Select a preset ratio (1:1, 4:5, etc.)
  • Type in custom ratio (width : height)
  1. Adjust the crop frame to your liking
  2. Press Enter to apply

Method 2: Image Size Dialog Box

  1. Go to Image > Image Size
  2. Uncheck “Constrain Proportions”
  3. Enter your desired dimensions
  4. Click OK
  5. Use Free Transform (Ctrl/Cmd + T) to adjust if needed

Method 3: Canvas Size (Best for Adding Space)

  1. Go to Image > Canvas Size
  2. Change width or height as needed
  3. Use anchor points to control expansion
  4. Click OK
  5. Fill new space with background color

How To Change Aspect Ratio For Social Media?

Use a Social Media Template: 

Many design tools, such as Canva, offer pre-made templates for social media platforms. These templates are already optimized for the correct aspect ratio.

Use the Crop Tool: 

In Adobe Photoshop, you can use the Crop Tool to change the aspect ratio of an image. Simply select the Crop Tool, enter the desired aspect ratio, and adjust the crop box to your liking.

Use the Image Size Dialog Box:

In Adobe Photoshop, you can also use the Image Size dialog box to change the aspect ratio of an image. Simply go to Image > Image Size, uncheck the Constrain Proportions checkbox and enter the desired width and height values.

Common Social Media Aspect Ratios:

  1. Facebook: 1.91:1 (1200 x 630 pixels)
  2. Instagram: 1:1 (1080 x 1080 pixels)
  3. Twitter: 1.91:1 (1024 x 512 pixels)
  4. Pinterest: 2:3 (1000 x 1500 pixels)

FAQs

How can we change the aspect ratio without losing quality?

To change the aspect ratio of an image without losing quality, use the Crop Tool in Adobe Photoshop. For example, if you want to change a 4:3 image to a 16:9 image, select the Crop Tool, enter the desired aspect ratio (16:9), and adjust the crop box to your liking.

What is CMYK?

CMYK stands for Cyan, Magenta, Yellow, and Key (Black). It’s a color model used in printing to create a wide range of colors. In CMYK, the combination of cyan, magenta, and yellow ink produces the colors, while the key (black) ink is used to add depth and darkness. CMYK is essential for printing because it allows for a wider range of colors to be produced, resulting in more vibrant and accurate prints. 

How to Resize an Image Without Turning it Pixelated?

To resize an image without turning it pixelated, use the Image Size dialog box in Adobe Photoshop and select the “Bicubic Smoother” resampling method. For example, if you want to resize a 1024×768 image to 600×600 pixels, go to Image > Image Size, select “Bicubic Smoother”, and enter the desired width and height values (600 x 600).

How to Convert a 4:3 Image to 16:9?

To convert a 4:3 image to 16:9, use the Crop Tool in Adobe Photoshop. For example, if you have a 1024×768 image (4:3 aspect ratio) and you want to convert it to a 16:9 aspect ratio, select the Crop Tool, enter the desired aspect ratio (16:9), and adjust the crop box to your liking.

What Size Photo is 600×600?

A 600×600 photo is a square image with a resolution of 600 pixels in both width and height. This size is ideal for product thumbnails, social media posts, and shop galleries, such as Etsy product listings.

How to Resize a Photo to 600 by 600 Pixels?

To resize a photo to 600 by 600 pixels, use the Image Size dialog box in Adobe Photoshop. For example, if you have a 1024×768 image and you want to resize it to 600×600 pixels, go to Image > Image Size, enter the desired width and height values (600 x 600), and select the “Preserve Details 2.0” option to maintain the image’s quality.

Shohidur Rahman
Vikash is the founder of Bulk Mockup, a specialized plugin that integrates with Photoshop to streamline mockup creation for print-on-demand sellers. Drawing from his experience running Putoos Graphics LLP, an image editing agency serving hundreds of e-commerce entrepreneurs, he recognized the time-consuming challenges of manual mockup production. Bulk Mockup was developed to automate this process, helping sellers save valuable time and resources while professionally presenting their products.

Subscribe to Bulk mockup
weekly updates!

Accepted payment methods
Copyright © 2024 by Bulkmockup. All rights reserved.