“Can you resize this for Instagram, Stories, LinkedIn, TikTok, YouTube, and ads?”
It sounds like a simple production request.
It usually is not.
A campaign design that works perfectly at 16:9 can fall apart at 9:16. A horizontal composition becomes too wide. A headline wraps into five lines. The product disappears after cropping. The logo lands under an interface button. The CTA ends up at the bottom of a Reel where nobody can read it.
The solution is not better automatic resizing.
The solution is to stop thinking of social sizes as copies of one design and start thinking of them as adaptations of one idea.
This guide shows a practical workflow for turning one concept into the four aspect ratios you will use most often:
- 16:9;
- 1:1;
- 4:5;
- 9:16.
Start with the idea, not the canvas
Before resizing anything, identify what must survive across every format.
Usually that means:
- the subject or product;
- the main message;
- the brand;
- the CTA;
- one or two supporting elements.
Everything else is negotiable.
That distinction makes adaptation much easier.
A decorative shape that looks great in 16:9 may disappear in 9:16. That is fine.
The product and headline cannot disappear.
Understand the four core shapes
16:9 — horizontal
Common uses:
- YouTube;
- website video;
- presentations;
- some X and LinkedIn content;
- horizontal ads.
It gives you lots of width but relatively little vertical room.
1:1 — square
Common uses:
- feed posts;
- carousels;
- reusable cross-platform assets;
- some ads.
Square is flexible but no longer ideal for every mobile-first placement.
4:5 — portrait feed
Common uses:
- Instagram feed;
- Facebook feed;
- portrait ads.
It occupies more vertical screen space than a square without becoming full-screen.
9:16 — full-screen vertical
Common uses:
- Instagram Reels;
- Instagram Stories;
- TikTok;
- YouTube Shorts;
- vertical ads.
It is the most important mobile-first format and usually requires the most rethinking.
For a refresher on why these shapes matter, see What Are Aspect Ratios? A Simple Guide for Designers & Marketers.
Choose a hero format
Do not automatically start in 1:1.
Start in the format that matters most to the campaign.
If the campaign will run mainly as Reels and TikTok ads, 9:16 may be the hero.
If it is a LinkedIn thought-leadership campaign, 4:5 may matter more.
If the central asset is a YouTube video, start at 16:9 and plan vertical coverage during production.
The hero format gets the richest, most complete version of the idea.
The other formats are adaptations.
Build with independent elements
A social design is easier to adapt when it is built from movable parts.
Keep these independent where possible:
- background;
- subject;
- headline;
- supporting copy;
- logo;
- CTA;
- decorative graphics.
If the entire composition is flattened into one finished image too early, resizing becomes a crop problem.
If the pieces remain independent, resizing becomes a layout problem.
Layout problems are easier to solve well.
Step 1: Define the visual hierarchy
Write the priority order before adapting.
For example:
- product;
- “30% off this weekend”;
- CTA;
- logo;
- decorative pattern.
When space gets tight, you know what to protect.
This prevents the common mistake of shrinking every element equally until the design technically fits but nothing is readable.
Step 2: Use a focal-point-safe image
Photos create most resize problems.
A wide photo with the subject on the far left may work perfectly at 16:9 and become unusable at 9:16.
Whenever possible, choose imagery with:
- extra space around the subject;
- sufficient resolution for cropping;
- a clear focal point;
- alternative frames or crops;
- layered subjects rather than a single flattened composition.
If you are producing the photography or video yourself, shoot with multiple formats in mind.
Capture a little wider than you think you need.
That extra space becomes valuable later.
Step 3: Adapt 16:9 to 1:1
Going from horizontal to square usually removes side information.
Do not simply centre-crop and hope.
Instead:
- bring the subject closer to centre;
- reduce long horizontal headlines;
- stack text when useful;
- reposition the logo;
- simplify supporting elements;
- increase the scale of the main subject.
A square design needs to feel like a square design.
It should not look like the middle third of a banner.
Step 4: Adapt 1:1 to 4:5
This is usually one of the easier transitions.
The extra vertical space gives you options.
You can:
- enlarge the subject;
- give the headline more breathing room;
- separate the CTA from supporting copy;
- add a small secondary visual;
- use the bottom area for product information.
Do not automatically stretch the background.
Recompose.
The 4:5 version should take advantage of the extra height.
Step 5: Adapt to 9:16
This is where the design often needs real change.
A vertical full-screen format is not simply a tall poster.
The platform adds UI on top.
Start by asking:
- What does the viewer need to see in the first second?
- Can the headline fit in a short vertical block?
- Is the subject still large enough?
- Are subtitles required?
- Where will platform controls appear?
- Does the CTA need to be in the creative at all?
Then rebuild the hierarchy.
A common vertical layout
A strong 9:16 structure may look like this:
- hook in the upper-middle area;
- subject in the centre;
- supporting copy below;
- CTA above the lower interface region;
- decorative content extending into unsafe areas.
This is only a pattern, not a universal template.
The important point is that you are making a vertical composition, not a crop.
Do not make text smaller just to make it fit
When a layout becomes narrower, the first instinct is often to shrink the type.
That is usually the wrong solution.
Instead:
- shorten the headline;
- change line breaks;
- remove secondary copy;
- move information to another frame;
- use animation to reveal text over time;
- rewrite the message for the placement.
Social content is viewed quickly and mostly on small screens.
Readability beats completeness.
Rewrite copy by format
One campaign does not need identical text baked into every design.
Example:
16:9
Everything you need for your next campaign, now 30% off this weekend.
1:1
30% off this weekend.
9:16
30% OFF
THIS WEEKEND
Same idea. Better use of space.
This is one of the biggest differences between resizing and adapting.
Keep CTAs flexible
A CTA may need different treatment depending on the placement.
Organic post:
See the full guide
Feed ad:
Shop now
Reel:
Watch to the end
Story ad:
The platform may already provide a CTA button.
Do not force an identical visual button into every format.
The CTA should fit the behaviour of the placement.
Protect safe zones
9:16 formats deserve special attention.
Instagram Reels, Stories, TikTok, YouTube Shorts, and vertical ads place interface elements on top of the content.
That means important content should not sit against the edges.
Keep these protected:
- headlines;
- subtitles;
- faces;
- logos;
- prices;
- CTAs.
For a detailed explanation, read Social Media Safe Zones Explained.
Use responsive-design thinking
Web designers already understand this problem.
A desktop website does not become mobile-friendly by shrinking the entire desktop page.
The layout changes.
Navigation changes.
Columns stack.
Some elements disappear.
Typography changes.
Social design should work the same way.
Think of your 16:9, 1:1, 4:5, and 9:16 versions as breakpoints.
The brand stays consistent.
The layout responds.
Create a modular design system
If you produce campaigns regularly, build reusable components:
- headline styles;
- CTA blocks;
- logo lockups;
- product cards;
- quote styles;
- price treatments;
- subtitle styles.
Then build format-specific rules.
For example:
16:9
- horizontal headline;
- subject on one side;
- CTA on the other.
4:5
- stacked headline;
- centred subject;
- CTA below.
9:16
- short hook;
- large central subject;
- subtitles in safe area;
- compact branding.
You are no longer resizing finished ads. You are assembling the same campaign system for different canvases.
Use constraints in Figma or similar tools
If you work in Figma, Auto Layout and components can save time, but they do not replace design judgement.
Use automation for:
- spacing;
- repeated components;
- consistent padding;
- buttons;
- text blocks.
Do not expect it to solve:
- photography crops;
- visual hierarchy;
- safe zones;
- platform context;
- rewritten headlines.
Automation handles structure.
You handle composition.
Build an adaptation matrix
For large campaigns, use a simple matrix.
| Element | 16:9 | 1:1 | 4:5 | 9:16 |
|---|---|---|---|---|
| Main headline | Full | Shortened | Full/short | Short |
| Product image | Left | Centre | Centre | Centre |
| Supporting copy | Yes | Maybe | Yes | Minimal |
| CTA | Right | Bottom | Bottom | Safe-zone area |
| Decorative shapes | Full | Reduced | Adapted | Edge/background |
| Subtitles | N/A | If video | If video | Usually |
This makes production much easier when several people are involved.
Plan video differently
For motion assets, format adaptation should begin during production.
If a campaign will need both 16:9 and 9:16:
- keep subjects away from extreme edges;
- capture wider shots;
- record clean close-ups;
- leave room for text;
- shoot alternative framing;
- avoid compositions that only work horizontally.
The best time to solve vertical cropping is before filming, not after editing.
One master file or separate files?
Both approaches can work.
One master file
Good for:
- smaller campaigns;
- simple static designs;
- fast production;
- highly modular systems.
Separate format files
Better for:
- complex campaigns;
- multiple designers;
- video;
- lots of copy;
- strict approval workflows.
The important thing is not file structure. It is that each output gets deliberate attention.
Common resizing mistakes
Stretching the background
Never distort photography or logos to fill a new aspect ratio.
Shrinking everything
The design fits, but the viewer cannot read it.
Cropping the product
A crop can be technically centred and still remove important details.
Moving only the artboard edge
Changing the canvas size is not the same as adapting the composition.
Forgetting platform UI
A beautiful 9:16 poster can become a terrible Reel.
Keeping every word
Shorter formats often need shorter copy.
Using identical CTA placement
Different placements have different interface behaviour.
A faster production order
For campaigns that need all four formats, this order often works well:
- design the hero format;
- create 4:5;
- create 1:1;
- create 9:16;
- create 16:9 if it was not the hero;
- check safe zones;
- preview on a phone;
- export platform-specific files.
The exact order depends on the campaign, but avoid jumping randomly between sizes.
Final pre-export checklist
For each format, ask:
- Does the subject still dominate?
- Is the headline readable without zooming?
- Is the CTA in a logical place?
- Is the logo visible but not oversized?
- Is anything important being cropped?
- Is the composition balanced?
- Are safe zones respected?
- Does this feel native to the placement?
If you answer those questions separately for every size, the campaign will feel designed rather than resized.
Use the Media Cheat Sheet to check current dimensions and downloadable templates for each social platform before final export.