Canvas Size controls the overall working area of a Photoshop document. It is different from Image Size because changing the canvas size changes the area around the image without automatically changing the existing image pixels.
Canvas Size defines the total working area of a Photoshop document.
You can increase or decrease the canvas around an existing image without directly resizing the image itself.
These two commands perform different tasks.
Understanding this difference is very important for beginners.
To open the Canvas Size dialog, choose:
Image → Canvas Size
Photoshop will display the current canvas dimensions and options for changing them.
The Canvas Size dialog shows the current width and height of the canvas.
These dimensions describe the total working area of the document.
Increasing the canvas size adds additional working area around the existing image.
The existing image does not automatically become larger just because the canvas is enlarged.
Decreasing the canvas size removes part of the working area.
If the new canvas is smaller than the image, portions of the image outside the canvas can be cropped from the document view.
Canvas Width controls the horizontal size of the working area.
Increasing the width can add space to the left, right, or both sides depending on the Anchor setting.
Canvas Height controls the vertical size of the working area.
Increasing the height can add space above, below, or on both sides depending on the selected Anchor position.
Photoshop allows you to specify canvas dimensions using different measurement units.
Common units include:
The Relative option can be used when you want to specify how much additional canvas should be added or removed rather than entering the complete final dimensions.
This can make it easier to add a specific amount of space around an existing design.
Suppose your current canvas is 1000 × 800 pixels.
If you use Relative and add 100 pixels to the width and 100 pixels to the height, the canvas becomes larger by those specified amounts.
The exact distribution of the additional space depends on the Anchor setting.
The Anchor control determines where the existing image remains positioned when the canvas size changes.
Think of the anchor as the point that stays fixed while the canvas expands or contracts around it.
When the center position is selected as the anchor, additional canvas space is generally distributed around the existing image.
This is useful when you want approximately equal space added around the image.
If the left side is anchored, the existing image stays positioned relative to the left side while additional canvas area is added toward the opposite side.
This can be useful when creating extra space for text or graphics on the right side.
A right-side anchor keeps the existing image positioned relative to the right side when the canvas is changed.
Additional space can therefore be created toward the left.
A top anchor keeps the existing image positioned relative to the top of the canvas.
Additional canvas area can be added toward the bottom.
A bottom anchor keeps the existing image positioned relative to the bottom of the canvas.
Additional canvas area can be created toward the top.
When additional canvas area is created, Photoshop needs a way to display the new area.
Depending on the document and Photoshop version, you may be able to choose an extension color such as the current background color, foreground color, white, black, or another option.
Suppose you have a photograph and want to add white space around it for a simple poster design.
You can increase the canvas size and choose an appropriate extension color.
Canvas Size can be used to create extra space around an image that can act as a simple border.
For example, increasing the canvas and choosing a contrasting extension color can create a border-like effect.
You can increase the canvas to create additional space for text.
For example, if an image fills the entire document, you can increase the canvas at the bottom and place a title or caption in the new area.
Canvas Size can help when adapting an existing design to a different layout.
You can add space around an existing graphic without immediately scaling the original artwork.
Suppose you have a square design and want to add extra space horizontally to create a wider banner.
Increasing the canvas width can provide the additional working area while leaving the existing artwork at its current size.
This is one of the most important differences between Canvas Size and Image Size.
Increasing the canvas does not automatically enlarge the existing photograph or artwork.
The canvas becomes larger while the existing content remains at its current dimensions.
Reducing the canvas can effectively crop away areas that fall outside the new canvas boundaries.
Therefore, check the anchor position carefully before reducing the canvas.
Try this exercise:
| Feature | Image Size | Canvas Size |
|---|---|---|
| Changes working area | No | Yes |
| Can change pixel dimensions | Yes | No, not by itself |
| Can add space around image | Not its main purpose | Yes |
| Can crop canvas area | Not its main purpose | Yes |
Beginners should avoid these mistakes:
Canvas Size controls the total working area of a Photoshop document. It can be increased to create additional space or decreased to reduce the visible working area.
The Anchor option determines where the existing image remains positioned when the canvas changes.
In the next lesson, we will learn about the Zoom and Hand Tool.
Question: What is the main purpose of Canvas Size in Photoshop?