Multi-size layouts for video ads

Enable a multi-size layout

In the Sizes and ranges tab of the Responsive panel, click the Multi-size layoutcheckbox to enable multi-size options.

Disable a multi-size layout

To disable a multi-size layout, make sure only a single serving size is enabled and that it has no overrides, then uncheck the Multi-size layoutcheckbox in the Sizes and ranges tab of the Responsivepanel.

In the Responsive panel's "Sizes and ranges" tab, the Sizessection lists the specific sizes for your ad. Select a size to switch to that ad size and to add or change overrides for that size.

Common sizes

The Sizes section is pre-populated with common ad sizes. The common sizes can't be edited or deleted.

Custom sizes

You can include other sizes in the list by adding a custom size.

Add a custom size

Click Add custom sizeand enter the dimensions of the new size.

Edit a custom size

Hover over the size and click the Editbutton.

Delete a custom size

Hover over the size and click the Deletebutton.

Filter sizes

Use the dropdown to filter the size list to sizes that you've enabled for serving or preview:

• All sizes
• Serving sizes

Serving sizes

Serving sizes are the sizes in which you want to export your video ad. You must select at least one serving size.

Toggle a serving size

Select the checkbox under the Serving sizeicon. You can enable a maximum of 40 serving sizes.

Size-specific overrides

When a size is selected in the Responsive panel, you can add and change overrides that apply only to that size.

Sizes with overrides display theicon.

You can set overrides that apply to multiple sizes by configuring size ranges in the Range media rules section. Any sizes that fall within the size range will use the size range's overrides (although the specific size's overrides take precedence). Select a size range in the Responsive panel's "Sizes and ranges" tab to add or change overrides for that size range.

Add a size range

Click Add size rangeto add a new size range, then specify the minimum and maximum dimensions for the size range.

Edit a size range's dimensions

Hover over the range and click the Editbutton.

Change a size range's orientation

Click the orientation icon, then select the new orientation from the dropdown.

Delete a size range

Hover over the range and click the Deletebutton.

Orientation

If you specify an orientation for a size range, the size range's overrides will apply only to landscape or portrait ad sizes.

Any orientation
Landscape
Portrait

Manage size ranges

Click theicon to open a dialog with a visualization of the size ranges you've configured.

Use overrides to optimize your layout by adjusting properties for different ad sizes and size ranges. For example, for narrower ad sizes you might override the default text size to use a smaller font.

Google Web Designer allows you to override properties such as size, position, visibility, and source, as well as text content and text fitting settings. Properties that can't be overridden are disabled when a size or size range is selected.

Add or change a override

1. Select a size or size range in the  Sizes and ranges tab of the  Responsivepanel.
2. Make the change that you want.

The label for the overridden property is highlighted in yellow in the Properties panel, or in the Text panel if the text content or text fitting settings were changed.

Sizes with overrides display theicon in the Responsive panel.

Copy overrides for a size or size range

1. Select the size or size range from which you want to copy overrides:
   • Copy overrides for a specific size - Right-click the size in the Sizes and ranges tab of the  Responsivepanel.
   • Copy overrides for a size range - Hover over the size range in the Sizes and ranges tab of the  Responsivepanel and click the Moreicon that appears.
2. Select Copy overridesfrom the pop-up menu.
3. Select the size or size range to which you want to paste overrides:
   • Paste overrides to a specific size - Right-click the size in the Sizes and ranges tab of the  Responsivepanel.
   • Paste overrides to a size range - Hover over the size range in the Sizes and ranges tab of the  Responsivepanel and click the Moreicon that appears.
4. Select Paste overridesfrom the pop-up menu.

Remove a override

1. Click the yellow property label for the override.
   • Most overrides are indicated in the Propertiespanel.
   • Overrides for text content or text fitting settings can be seen in the Textpanel.
2. Select Remove overridein the pop-up dialog.

Remove all overrides for a size

1. Right-click the Size-specific media rulesicon for that size.
2. Select Remove overridesfrom the pop-up menu.

Remove all overrides for a size range

1. Hover over the size range.
2. Click the Moreicon.
3. Select Remove overridesfrom the pop-up menu.