Skip to main content

The Smart Resize: Instantly Adapt Your Designs to Any Size

Learn how to use the Smart Resize feature to instantly resize your designs for multiple formats.

Resizing designs for different platforms and formats can be time-consuming—but with Smart Resize, you can instantly scale your work to multiple sizes with just one click. Whether you need social media graphics, display ads, or custom dimensions, Smart Resize keeps your design layout intact while adapting it perfectly to new sizes.

How Smart Resize Works

The Smart Resize algorithm automatically adjusts every layer of your design to fit new dimensions while preserving alignments, spacing, and visual hierarchy.

To resize your design:

  1. Click the Resize button in the editor.

  2. Select from predefined templates for display ads and social media, or create your own custom sizes.

  3. Choose whether to scale layers proportionally or keep them at their original size.

GIF showing a user resize a design using one of the preset sizes in the sidebar, while having the scale layers option selected.

GIF showing the resize of layers on a new size when the scale option layers is not selected.

You can also access Smart Resize from the Background tab for quick resizing.

Creating Multiple Sizes at Once

If you need a design set—for example, multiple banner ad sizes—Smart Resize can generate them automatically from one base design.

Steps to create a design set:

  1. Select multiple sizes from the list of templates or add custom sizes.

  2. Define reference layouts for your set.

  3. Let the Smart Resize algorithm adapt your design to each dimension, maintaining core elements while adjusting layouts and transitions for a perfect fit.

Image showing a user initiating the resize process on multiple preset sizes.

GIF showing a user adjusting the layers on the three main aspect ratios: square, vertical and horizontal, before proceeding to the Generator.

Your animations come with you

If your single-size design is animated, you don't have to animate the new sizes again. When you turn it into a design set, every size in the set is animated automatically. Each layer keeps its build-in, middle and build-out animations and their timing, so the whole set plays the same way as your original design.

Adjust layouts without losing your animations

While you define the reference layouts (square, vertical and horizontal), you can move, resize and rearrange layers to make each one look right. These changes only affect the layout: every layer keeps its animations. The generator then applies your changes to all the other sizes with a similar layout, and they stay animated too.

Why Use Smart Resize?

  • Save time by avoiding manual resizing.

  • Maintain consistency across all formats.

  • Quickly prepare campaigns for multiple platforms.

  • Keep your animations in every size, without animating each one again.

With Smart Resize, you can go from one design to an entire campaign in minutes—no tedious manual adjustments needed.


Ready to start designing?

👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.

Did this answer your question?