Change canvas size without resizing the logo

The short answer

In vector software, the canvas (called an artboard, page, document or frame depending on the tool) is a separate container from the logo artwork. Changing it does not scale the artwork. To edit canvas size safely, use the tool's page or artboard controls, never a command that scales the document or the selection. In raster editors such as Photoshop, the same distinction applies: Canvas Size adds or removes pixels around the image, while Image Size resamples the image itself.

Common reasons for changing the canvas are adding clear space around a mark, fitting a logo to a required page size for a print vendor or upload form, trimming excess empty space, or standardizing several logo variants onto matching canvases.

First, confirm what kind of file you have

The right method depends on whether the logo is true vector artwork, a raster image placed inside a vector file, or a flat raster preview. A file extension alone does not settle this. An SVG, PDF, EPS or AI file can contain only an embedded bitmap, and a PNG or JPG is always raster.

• Switch to outline or wireframe view (Outline mode in Illustrator, Outline display mode in Inkscape). Real vector shapes appear as thin path outlines; an embedded image appears as a box, often with a cross through it.
• Check the layers or objects panel for items labeled as images or placed/linked files.
• Click on the logo: if it selects as a single rectangle with no editable anchor points, it is likely a raster image.
• If the file is raster, use the raster method below. Changing the canvas will still work, but the logo remains at its existing pixel resolution.

Which control to use, by tool

Tool | Changes the canvas only | Avoid if you want the logo unchanged

Adobe Illustrator | Artboard tool, Artboard Options, or Object > Artboards > Fit to Artwork Bounds | Scaling the selection or using Transform with Scale

Inkscape | Document Properties: page width and height, or Resize to content | Changing the document Scale value, which alters how user units map to the page

Affinity Designer | Document > Resize Document with scaling of content turned off, plus an anchor point | Resizing with content scaling enabled

Figma | Resizing the frame while holding Ctrl or Cmd to ignore child constraints | Plain frame resize when children have Scale or stretch constraints

Hand-edited SVG | Adjusting the viewBox together with width and height | Changing width and height alone while keeping the viewBox

Adobe Photoshop (raster) | Image > Canvas Size with an anchor | Image > Image Size

Menu names and dialog layouts can differ between software versions. The supplied evidence did not include version-specific documentation, so treat the labels above as the general location of each control and confirm them in your installed version.

Step by step: vector editors

Starting materials

• The editable source file (AI, SVG, PDF or EPS opened in an editor that preserves its paths).
• A backup copy saved before editing.
• The target canvas size or required clear space, if a brand guideline or vendor specifies one.
• The fonts used in the logo, or a version with text already converted to outlines.

Fonts matter because opening a file without its fonts can cause substitution, which changes the logo's appearance even though you only touched the canvas. If the text is already outlined, this is not a concern.

Ordered actions

• 1. Note the logo's current width and height from the transform or properties panel so you can verify them later.
• 2. Lock the logo layer, or deselect everything, so canvas edits cannot catch the artwork.
• 3. Open the canvas control for your tool: Artboard Options in Illustrator, Document Properties in Inkscape, Resize Document in Affinity Designer, or the frame properties in Figma.
• 4. Choose an anchor or reference point. A center reference adds or removes space evenly on all sides; a corner reference grows the canvas in one direction.
• 5. Enter the new width and height, or use a fit-to-content option and then add padding.
• 6. In Illustrator, check whether Move/Copy Artwork with Artboard is enabled before dragging an artboard; if it is, artwork moves with the artboard, though it is not scaled.
• 7. If the logo is now off-center, unlock it and align it to the artboard or page using the align panel, which repositions without resizing.
• 8. Save under a new name so the original canvas remains available.

Hand-editing the SVG viewBox

In an SVG, the viewBox defines which region of the drawing's coordinate space is visible, and width and height define how large that region is displayed. Enlarging the viewBox alone makes the logo appear smaller within the same display box. To add space without changing the logo's displayed size, expand the viewBox and increase width and height by the same proportion. The values below are an illustrative example only, adding 20 units of padding on every side.

<!-- Before -->
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="100" viewBox="0 0 200 100">

<!-- After: 20 units of padding on each side, logo displayed at the same size -->
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="140" viewBox="-20 -20 240 140">

If the original SVG has no width and height attributes, it will scale to fit whatever container displays it, so only the viewBox change matters there.

Step by step: raster logos

For a PNG or JPG, or a raster preview exported from a vector file, open the canvas size control (Image > Canvas Size in Photoshop; most raster editors have an equivalent). Set the anchor, enter the new dimensions, and choose the extension color or transparency. Do not use Image Size, which resamples the pixels and changes the logo's dimensions and sharpness. To keep a transparent background in the added area, the file must have a transparent layer and be saved in a format that supports transparency, such as PNG. If you need the logo itself larger, go back to the vector source rather than enlarging the raster.

Final inspection

• Logo width and height match the values you noted before editing.
• The logo sits where intended, typically centered, with the clear space you planned.
• No paths, strokes or effects were scaled; strokes are worth checking because some tools scale stroke weight with objects.
• Text still renders in the correct font, or is outlined.
• On export, the output uses the artboard or page bounds rather than the artwork bounds. In Illustrator, for example, Export As has a Use Artboards option; without it, exports may crop to the artwork and discard the new space.
• Open the exported file in a separate viewer to confirm the canvas size and transparency came through.

A note on permission

Being able to download a logo file does not grant permission to modify it. Adding padding is minor, but it is still an edit to the delivered artwork, and many brand guidelines set required clear space and approved file versions. If the logo belongs to another organization, check its usage terms and trademark guidelines before editing or redistributing the artwork, and confirm any font licensing separately.

Evidence gaps

No specific product documentation, version numbers or measured results were supplied for this article. The guidance above relies on general, widely documented behavior of these tools and the SVG format. Confirm exact menu locations in your software version, and follow any client or vendor specification for canvas dimensions and clear space, which this article cannot provide.