50 asset resize global skill
Use when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop, re-compose, or rebuild, safe-zone rules, platform crop behavior, and file naming.
by minhnv0807·MIT license·★ 599 Stars on the repo·GitHub ↗
Use now
npx degit minhnv0807/ai-business-skills/skills/en/50-asset-resize-global#master ~/.claude/skills/50-asset-resize-globalChecked ·commit master
Files of 50 asset resize global
SKILL.md
Show the full text223 lines
Asset Resize (Global)
Resizing is not stretching. Every ratio needs re-composition so the hierarchy still works. One good master becomes 10+ variants — the single biggest time saver in design production, and the first job after a campaign ends when winners get repurposed at D+2.
Information gathering
Read the asset list (41-campaign-asset-list-global) if available. If information is missing, ask up to 4 questions:
- What is the master? Link to the source file (Canva, Figma, Adobe Express), plus its original size and channel.
- Which channels and sizes are needed? List them all, or pull them from the asset list.
- Which elements cannot be lost? Text, CTA, logo, faces, product — is anything sitting close to an edge?
- Is cropping content allowed, or must everything stay in frame?
Principles
- Always resize from the master. Never resize an already-resized file — quality degrades each pass.
- Critical elements are never cropped at any size — focal point, CTA, and logo stay intact.
- Each ratio needs its own strategy. One approach does not fit all.
- If the content will not fit, escalate to the lead to decide what to drop. Do not decide unilaterally.
- Repurpose winners immediately after the campaign (D+2) — context fades fast.
- Update the status in the asset list as each size is completed.
Workflow
1. Analyze the master
Identify the focal point; the safe distance of each element (text, CTA, logo) from the edges; and what CAN be cropped (background, texture) versus what CANNOT (message, faces, product, CTA).
2. Pick a strategy per target size
| Strategy | When | How |
|---|---|---|
| Scale and crop | Close ratios (1:1 to 4:5, 16:9 to 1.91:1) | Keep the layout, trim background |
| Re-compose | Moderately different ratios (1:1 to 16:9, landscape to cover) | Move elements to fit the new frame, preserving hierarchy |
| Rebuild | Very different ratios (1:1 to 9:16, feed to email) | Build fresh on the new canvas, keeping concept, colors, and copy |
3. Resize in priority order
Do the primary channel size first (usually 1:1 feed), then work down the priority column of the resize map.
4. Check, name, upload, update
Run each file against the final checklist, name it to convention, upload it to the right subfolder, and update the asset list status.
Standard size matrix
Social
| Type | Dimensions | Ratio | Channel | Note |
|---|---|---|---|---|
| Square feed | 1080x1080 | 1:1 | Facebook, Instagram | Build this first |
| Portrait feed | 1080x1350 | 4:5 | Instagram, Facebook | Occupies more of the mobile screen |
| Story / Reels | 1080x1920 | 9:16 | Meta Story, Reels | Safe zone 250px top and bottom |
| TikTok video / cover | 1080x1920 | 9:16 | TikTok | Safe zone 150px top / 300px bottom, ~140px right |
| YouTube Shorts | 1080x1920 | 9:16 | YouTube | Same safe zones as Reels |
| Facebook cover | 820x312 | ~2.6:1 | Facebook Page | Cropped on both sides on mobile — keep content centered |
| LinkedIn post | 1200x627 | ~1.91:1 | Also accepts 1080x1080 | |
| LinkedIn document | 1080x1080 or 1200x1500 | 1:1 or 4:5 | Exported as PDF | |
| Pinterest pin | 1000x1500 | 2:3 | Vertical only; taller pins get truncated | |
| YouTube thumbnail | 1280x720 | 16:9 | YouTube | Keep the bottom-right clear for the duration overlay |
| X post image | 1200x675 | 16:9 | X | Center-crops in timeline previews |
Ads (Meta)
| Type | Dimensions | Note |
|---|---|---|
| Feed ads | 1080x1080 | Serves both Facebook and Instagram |
| Story / Reels ads | 1080x1920 | Keep content roughly 14% off the top and bottom edges |
| Carousel | 1080x1080 | 2 to 10 cards |
| Link banner | 1200x628 | Right-column and audience-network placements |
Email and web
| Type | Dimensions | Ratio | Typical strategy |
|---|---|---|---|
| Email header | 600x200 | 3:1 | Rebuild |
| Email hero | 600x400 | 3:2 | Scale and crop |
| Website hero desktop | 1440x600 | 2.4:1 | Re-compose |
| Website hero mobile | 375x300 | 5:4 | Rebuild |
| Blog featured image | 1200x630 | 1.91:1 | Scale and crop (also serves Open Graph) |
Documents
| Type | Dimensions | Use for |
|---|---|---|
| Slide deck 16:9 | 1920x1080 | Presentations, pitch decks |
| A4 portrait / landscape | 210x297mm / 297x210mm | Printed reports and proposals |
| US Letter | 8.5x11in | US print deliverables |
Safe zones and platform crop behavior
| Placement | Safe zone | Crop behavior |
|---|---|---|
| Meta Story / Reels (1080x1920) | Keep text and CTA out of the top 250px and bottom 250px | Profile and caption UI sit in those bands; the middle ~1420px is reliably visible |
| TikTok (1080x1920) | Top 150px, bottom 300px, right ~140px | Right-side icon rail and caption block overlay the frame |
| Meta Feed 1:1 / 4:5 | 20px on each edge | Little cropping, but thumbnails center-crop to 1:1 in some surfaces |
| Facebook cover (820x312) | Center ~640px | Mobile crops both sides aggressively |
| LinkedIn (1200x627) | 40px on each edge | Feed preview may letterbox; avoid edge-tight type |
| Pinterest (1000x1500) | 60px on each edge | Bottom band can be covered by the title overlay in some views |
| YouTube thumbnail (1280x720) | Bottom-right ~120x40px clear | Duration badge overlays that corner |
| Email (600px) | 20px inner padding | No crop, but many clients scale images down — keep type large |
Re-composition rules
Landscape or square to vertical (to 9:16):
- Logo: keep the position defined in the brand guideline (commonly bottom-right)
- Headline: move to the top third
- CTA: always in the bottom third but above the safe-zone band
- Respect the story and TikTok safe zones above
Square to email (600px):
- Increase type size where the new width makes it too small
- Simplify the visual — drop secondary elements
- CTA button at least 44x44px
To cover formats (Facebook, LinkedIn banner):
- Pull the core content toward the center — the sides get cropped on mobile
- Never set type near the edges
To Pinterest (2:3):
- Add vertical breathing room rather than stretching; Pinterest tolerates more text than Meta
- Put the value proposition in the top third — that is what shows in a scrolling grid
Output structure
File name: asset-resize-[campaign]-[YYYYMMDD].md
# Resize Map — [Campaign name]
## Master design
| Item | Detail |
|------|--------|
| Master file | [source link] |
| Original size | |
| Focal point | |
| Elements that cannot be lost | |
## Resize map
| Size | Ratio | Channel / use | Strategy | Priority | Status |
|------|-------|---------------|----------|----------|--------|
| 1080x1080 | 1:1 | Meta Feed + Ads | Scale and crop | High | |
| 1080x1350 | 4:5 | Instagram portrait feed | Re-compose | High | |
| 1080x1920 | 9:16 | Story / Reels / TikTok | Rebuild | High | |
| 1200x628 | 1.91:1 | Link banner | Scale and crop | Medium | |
| 1200x627 | 1.91:1 | LinkedIn | Scale and crop | Medium | |
| 1000x1500 | 2:3 | Pinterest | Rebuild | Medium | |
| 1280x720 | 16:9 | YouTube thumbnail | Re-compose | Medium | |
| 600x200 | 3:1 | Email header | Rebuild | Medium | |
| [add per the asset list] | | | | | |
## Re-composition notes per size
- [size]: [which elements move, what is cropped, safe-zone caveats]
Naming and folders
- File name:
[Campaign]_[Channel]_[Size]_[Version]_[Status].jpg - Example:
SpringLaunch_Meta_1080x1080_v1_APPROVED.jpg - Folders:
/[Brand]/Campaigns/[CampaignName]/Assets/Final/
Meta/ TikTok/ LinkedIn/ Pinterest/ YouTube/ Email/ Website/ Archive/
Final checklist
- Every size in the resize map is complete
- No image is distorted — scale proportionally, never stretch
- No text is cropped; every channel safe zone is respected
- Logo present and in the correct version at every size
- CTA still legible at the smallest size
- Type still readable on mobile after resizing (>=14px displayed)
- Files named to convention with the correct status tag
- Uploaded to the correct channel subfolder
- Status updated in the asset list
Related skills
41-campaign-asset-list-global: the list of required sizes comes from the asset list; write the status back to it.42-image-brief-global: the master is produced from the image brief; adaptation rules belong in that brief when multiple sizes are planned.45-design-tool-brief-global: production direction for building each resized version.48-quick-visual-brief-global: once a quick variant wins, resize it into the remaining sizes.21-ads-audit-global: identifies the winners worth repurposing after a campaign (mark at D+1, resize at D+2).46-brand-guideline-global: logo placement, minimum type size, and spacing when re-composing.
Quality checklist
- Master analyzed: focal point, protected elements, croppable areas
- Every target size has an explicit strategy (scale and crop / re-compose / rebuild)
- Priority order is clear — the primary channel is built first
- Channel safe zones applied from the matrix above
- Cases where content will not fit were escalated to the lead
- Every version resized from the master, never from an export
- Final checklist completed before reporting done
| 1 | |
| 2 | name 50-asset-resize-global |
| 3 | description "Use when one master design has to become every size a campaign needs — feed, story, reel, cover, and ad placements: the standard size matrix, three strategies of scale-and-crop, re-compose, or rebuild, safe-zone rules, platform crop behavior, and file naming. Trigger on 'resize this design', 'all the sizes', 'adapt to other placements', 'safe zone', 'standard size chart', 'the text gets cut off in stories'. Also use when one visual exists and six placements are waiting on it. Not for — the original concept brief, see `42-image-brief-global`; production steps in Canva or Figma, see `45-design-tool-brief-global`; the full campaign asset list, see `41-campaign-asset-list-global`; an urgent new creative, see `48-quick-visual-brief-global`." |
| 4 | metadata |
| 5 | version 1.0.1 |
| 6 | category operations |
| 7 | license MIT |
| 8 | triggers |
| 9 | - "resize asset" |
| 10 | - "resize this design" |
| 11 | - "all the sizes" |
| 12 | - "adapt to other sizes" |
| 13 | - "standard size chart" |
| 14 | - "safe zone" |
| 15 | - "repurpose the design" |
| 16 | output "File .md — resize map by channel with a strategy and priority per size, re-composition rules, safe zones, naming and folders, final checklist. The designer finishes without a follow-up." |
| 17 | related |
| 18 | - product-marketing-context-global |
| 19 | - 41-campaign-asset-list-global |
| 20 | - 42-image-brief-global |
| 21 | - 45-design-tool-brief-global |
| 22 | - 46-brand-guideline-global |
| 23 | - 48-quick-visual-brief-global |
| 24 | - 21-ads-audit-global |
| 25 | |
| 26 | |
| 27 | # Asset Resize (Global) |
| 28 | |
| 29 | Resizing is not stretching. Every ratio needs re-composition so the hierarchy still works. One good master becomes 10+ variants — the single biggest time saver in design production, and the first job after a campaign ends when winners get repurposed at D+2. |
| 30 | |
| 31 | ## Information gathering |
| 32 | |
| 33 | Read the asset list (`41-campaign-asset-list-global`) if available. If information is missing, ask up to 4 questions: |
| 34 | |
| 35 | **What is the master?** Link to the source file (Canva, Figma, Adobe Express), plus its original size and channel. |
| 36 | **Which channels and sizes are needed?** List them all, or pull them from the asset list. |
| 37 | **Which elements cannot be lost?** Text, CTA, logo, faces, product — is anything sitting close to an edge? |
| 38 | **Is cropping content allowed,** or must everything stay in frame? |
| 39 | |
| 40 | ## Principles |
| 41 | |
| 42 | **Always resize from the master.** Never resize an already-resized file — quality degrades each pass. |
| 43 | **Critical elements are never cropped at any size** — focal point, CTA, and logo stay intact. |
| 44 | **Each ratio needs its own strategy.** One approach does not fit all. |
| 45 | **If the content will not fit, escalate to the lead** to decide what to drop. Do not decide unilaterally. |
| 46 | **Repurpose winners immediately after the campaign (D+2)** — context fades fast. |
| 47 | **Update the status in the asset list** as each size is completed. |
| 48 | |
| 49 | ## Workflow |
| 50 | |
| 51 | ### 1. Analyze the master |
| 52 | |
| 53 | Identify the focal point; the safe distance of each element (text, CTA, logo) from the edges; and what CAN be cropped (background, texture) versus what CANNOT (message, faces, product, CTA). |
| 54 | |
| 55 | ### 2. Pick a strategy per target size |
| 56 | |
| 57 | | Strategy | When | How | |
| 58 | |----------|------|-----| |
| 59 | | Scale and crop | Close ratios (1:1 to 4:5, 16:9 to 1.91:1) | Keep the layout, trim background | |
| 60 | | Re-compose | Moderately different ratios (1:1 to 16:9, landscape to cover) | Move elements to fit the new frame, preserving hierarchy | |
| 61 | | Rebuild | Very different ratios (1:1 to 9:16, feed to email) | Build fresh on the new canvas, keeping concept, colors, and copy | |
| 62 | |
| 63 | ### 3. Resize in priority order |
| 64 | |
| 65 | Do the primary channel size first (usually 1:1 feed), then work down the priority column of the resize map. |
| 66 | |
| 67 | ### 4. Check, name, upload, update |
| 68 | |
| 69 | Run each file against the final checklist, name it to convention, upload it to the right subfolder, and update the asset list status. |
| 70 | |
| 71 | ## Standard size matrix |
| 72 | |
| 73 | ### Social |
| 74 | |
| 75 | | Type | Dimensions | Ratio | Channel | Note | |
| 76 | |------|-----------|-------|---------|------| |
| 77 | | Square feed | 1080x1080 | 1:1 | Facebook, Instagram | Build this first | |
| 78 | | Portrait feed | 1080x1350 | 4:5 | Instagram, Facebook | Occupies more of the mobile screen | |
| 79 | | Story / Reels | 1080x1920 | 9:16 | Meta Story, Reels | Safe zone 250px top and bottom | |
| 80 | | TikTok video / cover | 1080x1920 | 9:16 | TikTok | Safe zone 150px top / 300px bottom, ~140px right | |
| 81 | | YouTube Shorts | 1080x1920 | 9:16 | YouTube | Same safe zones as Reels | |
| 82 | | Facebook cover | 820x312 | ~2.6:1 | Facebook Page | Cropped on both sides on mobile — keep content centered | |
| 83 | | LinkedIn post | 1200x627 | ~1.91:1 | LinkedIn | Also accepts 1080x1080 | |
| 84 | | LinkedIn document | 1080x1080 or 1200x1500 | 1:1 or 4:5 | LinkedIn | Exported as PDF | |
| 85 | | Pinterest pin | 1000x1500 | 2:3 | Pinterest | Vertical only; taller pins get truncated | |
| 86 | | YouTube thumbnail | 1280x720 | 16:9 | YouTube | Keep the bottom-right clear for the duration overlay | |
| 87 | | X post image | 1200x675 | 16:9 | X | Center-crops in timeline previews | |
| 88 | |
| 89 | ### Ads (Meta) |
| 90 | |
| 91 | | Type | Dimensions | Note | |
| 92 | |------|-----------|------| |
| 93 | | Feed ads | 1080x1080 | Serves both Facebook and Instagram | |
| 94 | | Story / Reels ads | 1080x1920 | Keep content roughly 14% off the top and bottom edges | |
| 95 | | Carousel | 1080x1080 | 2 to 10 cards | |
| 96 | | Link banner | 1200x628 | Right-column and audience-network placements | |
| 97 | |
| 98 | ### Email and web |
| 99 | |
| 100 | | Type | Dimensions | Ratio | Typical strategy | |
| 101 | |------|-----------|-------|------------------| |
| 102 | | Email header | 600x200 | 3:1 | Rebuild | |
| 103 | | Email hero | 600x400 | 3:2 | Scale and crop | |
| 104 | | Website hero desktop | 1440x600 | 2.4:1 | Re-compose | |
| 105 | | Website hero mobile | 375x300 | 5:4 | Rebuild | |
| 106 | | Blog featured image | 1200x630 | 1.91:1 | Scale and crop (also serves Open Graph) | |
| 107 | |
| 108 | ### Documents |
| 109 | |
| 110 | | Type | Dimensions | Use for | |
| 111 | |------|-----------|---------| |
| 112 | | Slide deck 16:9 | 1920x1080 | Presentations, pitch decks | |
| 113 | | A4 portrait / landscape | 210x297mm / 297x210mm | Printed reports and proposals | |
| 114 | | US Letter | 8.5x11in | US print deliverables | |
| 115 | |
| 116 | ## Safe zones and platform crop behavior |
| 117 | |
| 118 | | Placement | Safe zone | Crop behavior | |
| 119 | |-----------|-----------|---------------| |
| 120 | | Meta Story / Reels (1080x1920) | Keep text and CTA out of the top 250px and bottom 250px | Profile and caption UI sit in those bands; the middle ~1420px is reliably visible | |
| 121 | | TikTok (1080x1920) | Top 150px, bottom 300px, right ~140px | Right-side icon rail and caption block overlay the frame | |
| 122 | | Meta Feed 1:1 / 4:5 | 20px on each edge | Little cropping, but thumbnails center-crop to 1:1 in some surfaces | |
| 123 | | Facebook cover (820x312) | Center ~640px | Mobile crops both sides aggressively | |
| 124 | | LinkedIn (1200x627) | 40px on each edge | Feed preview may letterbox; avoid edge-tight type | |
| 125 | | Pinterest (1000x1500) | 60px on each edge | Bottom band can be covered by the title overlay in some views | |
| 126 | | YouTube thumbnail (1280x720) | Bottom-right ~120x40px clear | Duration badge overlays that corner | |
| 127 | | Email (600px) | 20px inner padding | No crop, but many clients scale images down — keep type large | |
| 128 | |
| 129 | ## Re-composition rules |
| 130 | |
| 131 | **Landscape or square to vertical (to 9:16):** |
| 132 | Logo: keep the position defined in the brand guideline (commonly bottom-right) |
| 133 | Headline: move to the top third |
| 134 | CTA: always in the bottom third but above the safe-zone band |
| 135 | Respect the story and TikTok safe zones above |
| 136 | |
| 137 | **Square to email (600px):** |
| 138 | Increase type size where the new width makes it too small |
| 139 | Simplify the visual — drop secondary elements |
| 140 | CTA button at least 44x44px |
| 141 | |
| 142 | **To cover formats (Facebook, LinkedIn banner):** |
| 143 | Pull the core content toward the center — the sides get cropped on mobile |
| 144 | Never set type near the edges |
| 145 | |
| 146 | **To Pinterest (2:3):** |
| 147 | Add vertical breathing room rather than stretching; Pinterest tolerates more text than Meta |
| 148 | Put the value proposition in the top third — that is what shows in a scrolling grid |
| 149 | |
| 150 | ## Output structure |
| 151 | |
| 152 | File name: `asset-resize-[campaign]-[YYYYMMDD].md` |
| 153 | |
| 154 | |
| 155 | # Resize Map — [Campaign name] |
| 156 | |
| 157 | ## Master design |
| 158 | | Item | Detail | |
| 159 | |------|--------| |
| 160 | | Master file | [source link] | |
| 161 | | Original size | | |
| 162 | | Focal point | | |
| 163 | | Elements that cannot be lost | | |
| 164 | |
| 165 | ## Resize map |
| 166 | | Size | Ratio | Channel / use | Strategy | Priority | Status | |
| 167 | |------|-------|---------------|----------|----------|--------| |
| 168 | | 1080x1080 | 1:1 | Meta Feed + Ads | Scale and crop | High | | |
| 169 | | 1080x1350 | 4:5 | Instagram portrait feed | Re-compose | High | | |
| 170 | | 1080x1920 | 9:16 | Story / Reels / TikTok | Rebuild | High | | |
| 171 | | 1200x628 | 1.91:1 | Link banner | Scale and crop | Medium | | |
| 172 | | 1200x627 | 1.91:1 | LinkedIn | Scale and crop | Medium | | |
| 173 | | 1000x1500 | 2:3 | Pinterest | Rebuild | Medium | | |
| 174 | | 1280x720 | 16:9 | YouTube thumbnail | Re-compose | Medium | | |
| 175 | | 600x200 | 3:1 | Email header | Rebuild | Medium | | |
| 176 | | [add per the asset list] | | | | | | |
| 177 | |
| 178 | ## Re-composition notes per size |
| 179 | - [size]: [which elements move, what is cropped, safe-zone caveats] |
| 180 | |
| 181 | |
| 182 | ## Naming and folders |
| 183 | |
| 184 | File name: `[Campaign]_[Channel]_[Size]_[Version]_[Status].jpg` |
| 185 | Example: `SpringLaunch_Meta_1080x1080_v1_APPROVED.jpg` |
| 186 | Folders: |
| 187 | |
| 188 | |
| 189 | /[Brand]/Campaigns/[CampaignName]/Assets/Final/ |
| 190 | Meta/ TikTok/ LinkedIn/ Pinterest/ YouTube/ Email/ Website/ Archive/ |
| 191 | |
| 192 | |
| 193 | ## Final checklist |
| 194 | |
| 195 | [ ] Every size in the resize map is complete |
| 196 | [ ] No image is distorted — scale proportionally, never stretch |
| 197 | [ ] No text is cropped; every channel safe zone is respected |
| 198 | [ ] Logo present and in the correct version at every size |
| 199 | [ ] CTA still legible at the smallest size |
| 200 | [ ] Type still readable on mobile after resizing (>=14px displayed) |
| 201 | [ ] Files named to convention with the correct status tag |
| 202 | [ ] Uploaded to the correct channel subfolder |
| 203 | [ ] Status updated in the asset list |
| 204 | |
| 205 | ## Related skills |
| 206 | |
| 207 | `41-campaign-asset-list-global`: the list of required sizes comes from the asset list; write the status back to it. |
| 208 | `42-image-brief-global`: the master is produced from the image brief; adaptation rules belong in that brief when multiple sizes are planned. |
| 209 | `45-design-tool-brief-global`: production direction for building each resized version. |
| 210 | `48-quick-visual-brief-global`: once a quick variant wins, resize it into the remaining sizes. |
| 211 | `21-ads-audit-global`: identifies the winners worth repurposing after a campaign (mark at D+1, resize at D+2). |
| 212 | `46-brand-guideline-global`: logo placement, minimum type size, and spacing when re-composing. |
| 213 | |
| 214 | ## Quality checklist |
| 215 | |
| 216 | [ ] Master analyzed: focal point, protected elements, croppable areas |
| 217 | [ ] Every target size has an explicit strategy (scale and crop / re-compose / rebuild) |
| 218 | [ ] Priority order is clear — the primary channel is built first |
| 219 | [ ] Channel safe zones applied from the matrix above |
| 220 | [ ] Cases where content will not fit were escalated to the lead |
| 221 | [ ] Every version resized from the master, never from an export |
| 222 | [ ] Final checklist completed before reporting done |
| 223 |
Discussion
Browse more free Claude skills.