Resize images and videos

There are two ways to resize images and videos in Google Web Designer: use the Selection tool to stretch or shrink the image, or edit the dimensions in the Properties panel.

Resized images change their aspect ratio to conform to the new boundaries, while videos maintain their original aspect ratio, staying as large as possible within the new boundaries.

To resize an image or video using the Selection tool:

  1. In the toolbar, click the Selection tool.
  2. Make sure the Transform control checkbox is checked in the tool options bar at the top.
  3. Select the image or video you want to resize.
  4. Drag one of the control points on the sides or corners of the selection box.
    • Hold the Shift key while dragging to maintain the original aspect ratio of the selection.

Resizing SVGs

If you're resizing an SVG image or shape to make it larger, use the width and height properties rather than 3D scaling. If you're using the Selection tool transform control to resize the SVG element, you may need to change the sizing method.

To resize an image or video using the Properties panel:

  1. In the toolbar, click the Selection tool.
  2. Select the image or video you want to resize.
  3. In the Properties panel, change the width and height values.
    • To maintain the original aspect ratio, make sure the Constrain aspect ratio  button is selected.

Scaling images

The Scaling property for images lets you set how the image should scale when your original image file has different dimensions than your image element. You can select from the following options in the Properties panel:

  • Resize image to fit - The image is scaled as large as possible within the element without cropping or stretching.
  • Crop image to fill - The image is scaled as large as possible to fill the element's space without stretching the image. Images with different proportions than the element are cropped either vertically or horizontally.
  • None - The image displays at its original size within the element. If the image is larger than the element, the image is cropped.
  • Stretch image to fill - The full image is displayed at the element's dimensions, even if the proportions differ.
Was this helpful?
How can we improve it?