Image Size vs Canvas Size in Photoshop

Understanding the difference between Image Size and Canvas Size in Adobe Photoshop is essential for proper photo editing and graphic design. While both tools adjust the dimensions of your project, they serve entirely different functions. Image Size scales the actual artwork, altering its pixel dimensions and visual proportions, whereas Canvas Size expands or trims the surrounding workspace without modifying the scale of the existing image content.

What Is Image Size?

The Image Size command (Image > Image Size or Ctrl + Alt + I / Cmd + Option + I) changes the physical dimensions, pixel count, and resolution of the artwork itself.

When you adjust the Image Size:

• Resampling occurs: Photoshop adds or removes pixels to resize the actual image. Scaling up can cause pixelation or blurriness, while scaling down discards pixel data to reduce file size.
• Proportions can be maintained: By default, the width and height are constrained together to keep the image from distorting.
• Resolution adjustments: You can change the pixels per inch (PPI) for print or web outputs, directly affecting the print size without changing the on-screen pixel count if resampling is disabled.

What Is Canvas Size?

The Canvas Size command (Image > Canvas Size or Ctrl + Alt + C / Cmd + Option + C) modifies the boundary area of your document rather than the contents within it. Think of it as cutting the edges off a sheet of paper or taping extra paper onto the sides.

When you adjust the Canvas Size:

• The artwork remains unscaled: The existing pixels retain their exact size, quality, and resolution.
• Increasing size adds space: Making the canvas larger creates extra workspace around your elements, which appears as transparent space (on layers) or the current background color (on a flattened background). This is commonly used to create borders, margins, or extra room for new design elements.
• Decreasing size crops the image: Making the canvas smaller cuts off the outer areas of the image without compressing the content to fit.
• Anchor control: You can choose the anchor point to dictate which direction the canvas expands or contracts (e.g., adding space only to the bottom or right side).

Summary of Key Differences

• Effect on Content: Image Size enlarges or shrinks the visual elements; Canvas Size only adds to or clips the working area around them.
• Image Quality: Changing Image Size can degrade quality if enlarged too much; changing Canvas Size never degrades the quality of the original pixels.
• Primary Use Cases: Use Image Size to optimize graphics for web, prepare images for print, or reduce file sizes. Use Canvas Size to add borders, combine multiple images, or trim unwanted edges without using the Crop tool.