It is possible to change the width and height of your block according to your specific needs. You can do this on each of the blocks’ settings (different blocks can have different heights but the width remains the same with blocks in the same canvas).
There are two ways in which you can resize a block on your canvas.
Customise block height by extending the canvas manually
Click on the block you want to resize to select it. There will be a grey semi-transparent bar defining the boundaries between the blocks. Your cursor will turn into a two-way arrow as you mouse-over this bar. Click it and drag to resize the block height. A tiny black box will appear to show you the size height (in pixels) to guide you as you resize. Please note that this method allows you to quickly resize the height of the block only. If you would like to resize both width and height, please follow the method below.
Customize block width and height
Click the block you want to resize. There are six buttons on the left of the block. Click the cog / gear-shaped button (at the bottom of the six buttons) for settings. A menu will open to change the width and height. After you've entered the pixel width and/or height, press the Enter/ Return key to apply the changes.
Piktochart provides pre-set width e.g. 600, 800, and 1280 pixels width. If you would like a customized width, open the drop-down menu under Canvas Width and choose Custom. A text box to input your desired width will appear. Please note that changing the width on any block will apply the changes to all blocks. You can also input your desired height (in pixels) for the selected block.
A friendly reminder for optimized performance and downloads: Please keep your visual height under 30,000 pixels (including all blocks). In addition, the maximum width is 1980 pixels, as most machines are not sufficient to handle a larger file size. If you have already started, please separate and create new files by copying your visual's blocks onto another visual.
What is 'Resize Content'?
The checkbox 'Resize Content' will scale all objects within the selected block accordingly as the block size changes. For example, if the visual's block size is reduced, all object will shrink accordingly. Changing each object’s size separately will not be needed, therefore saving precious time!
If 'Resize Content' is unticked, any changes made on the selected block size will only affect the block, and all objects remain untouched and not resized. Note that the width changes will take place on the right side of the block!
Can I change the width and height for Presentation formats?
Our Presentation format templates are scaled to a 4:3 ratio and the option to customize the height of an individual block is disabled. This is because Presentation formats are optimized for presentation purposes - the size is purposed to fit nicely on a projector screen. However, users may customize the width, and the visual's block height will scale accordingly.