How To Canvas Size

Working on a digital canvas can be a thrilling endeavor. One crucial element of any digital artwork or design project is determining the appropriate canvas dimensions. By altering your canvas size, you have the ability to manage the clarity, intricacy, and aspect ratio of your creation. In this blog, we will explore methods for adjusting canvas size on different platforms.

Adjusting Canvas Size in Photoshop

Photoshop is one of the most commonly used tools for digital art and design. Here is how you can adjust the canvas size in Photoshop:

  • Open the image you want to resize.
  • Navigate to the Image menu, then select “Canvas Size”.
  • In the dialog box, you can adjust the width and height. You can choose to set the measurements in pixels, inches, centimeters, etc.
  • Click OK to finish.

Adjusting Canvas Size in HTML5 Canvas

HTML5 Canvas is a powerful tool for creating dynamic graphics on the web. To adjust the canvas size, you can set the “width” and “height” attributes in the canvas element.

    <canvas id="myCanvas" width="500" height="400"></canvas>

You can also adjust the canvas size using JavaScript. Below is an example of how you can do that:

    var canvas = document.getElementById('myCanvas');
    canvas.width = 500;
    canvas.height = 400;

Adjusting Canvas Size in Illustrator

Illustrator is another popular tool used for creating vector designs. To adjust the canvas size in Illustrator, you have to adjust the artboard size. Here’s how to do it:

  • Open the Artboards panel (Window > Artboards).
  • Select the artboard you want to resize.
  • In the Artboard Options dialog box, adjust the width and height.
  • Click OK to finish.


Knowing how to adjust the canvas size is a fundamental skill in digital art and design. Whether you’re using Photoshop, HTML5 Canvas, or Illustrator, the process is straightforward and easy to do. So, start experimenting with different canvas sizes and take your creativity to new heights!