本文へ移動
cccskills
無料GitHub で公開

50-asset-resize-global

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`.

minhnv0807/ai-business-skills
インストール方法を見る

含まれるファイル（1）

  • SKILL.md10.6 KB

SKILL.md（原文）

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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:

  1. What is the master? Link to the source file (Canva, Figma, Adobe Express), plus its original size and channel.
  2. Which channels and sizes are needed? List them all, or pull them from the asset list.
  3. Which elements cannot be lost? Text, CTA, logo, faces, product — is anything sitting close to an edge?
  4. Is cropping content allowed, or must everything stay in frame?

Principles

  1. Always resize from the master. Never resize an already-resized file — quality degrades each pass.
  2. Critical elements are never cropped at any size — focal point, CTA, and logo stay intact.
  3. Each ratio needs its own strategy. One approach does not fit all.
  4. If the content will not fit, escalate to the lead to decide what to drop. Do not decide unilaterally.
  5. Repurpose winners immediately after the campaign (D+2) — context fades fast.
  6. 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

StrategyWhenHow
Scale and cropClose ratios (1:1 to 4:5, 16:9 to 1.91:1)Keep the layout, trim background
Re-composeModerately different ratios (1:1 to 16:9, landscape to cover)Move elements to fit the new frame, preserving hierarchy
RebuildVery 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

TypeDimensionsRatioChannelNote
Square feed1080x10801:1Facebook, InstagramBuild this first
Portrait feed1080x13504:5Instagram, FacebookOccupies more of the mobile screen
Story / Reels1080x19209:16Meta Story, ReelsSafe zone 250px top and bottom
TikTok video / cover1080x19209:16TikTokSafe zone 150px top / 300px bottom, ~140px right
YouTube Shorts1080x19209:16YouTubeSame safe zones as Reels
Facebook cover820x312~2.6:1Facebook PageCropped on both sides on mobile — keep content centered
LinkedIn post1200x627~1.91:1LinkedInAlso accepts 1080x1080
LinkedIn document1080x1080 or 1200x15001:1 or 4:5LinkedInExported as PDF
Pinterest pin1000x15002:3PinterestVertical only; taller pins get truncated
YouTube thumbnail1280x72016:9YouTubeKeep the bottom-right clear for the duration overlay
X post image1200x67516:9XCenter-crops in timeline previews

Ads (Meta)

TypeDimensionsNote
Feed ads1080x1080Serves both Facebook and Instagram
Story / Reels ads1080x1920Keep content roughly 14% off the top and bottom edges
Carousel1080x10802 to 10 cards
Link banner1200x628Right-column and audience-network placements

Email and web

TypeDimensionsRatioTypical strategy
Email header600x2003:1Rebuild
Email hero600x4003:2Scale and crop
Website hero desktop1440x6002.4:1Re-compose
Website hero mobile375x3005:4Rebuild
Blog featured image1200x6301.91:1Scale and crop (also serves Open Graph)

Documents

TypeDimensionsUse for
Slide deck 16:91920x1080Presentations, pitch decks
A4 portrait / landscape210x297mm / 297x210mmPrinted reports and proposals
US Letter8.5x11inUS print deliverables

Safe zones and platform crop behavior

PlacementSafe zoneCrop behavior
Meta Story / Reels (1080x1920)Keep text and CTA out of the top 250px and bottom 250pxProfile and caption UI sit in those bands; the middle ~1420px is reliably visible
TikTok (1080x1920)Top 150px, bottom 300px, right ~140pxRight-side icon rail and caption block overlay the frame
Meta Feed 1:1 / 4:520px on each edgeLittle cropping, but thumbnails center-crop to 1:1 in some surfaces
Facebook cover (820x312)Center ~640pxMobile crops both sides aggressively
LinkedIn (1200x627)40px on each edgeFeed preview may letterbox; avoid edge-tight type
Pinterest (1000x1500)60px on each edgeBottom band can be covered by the title overlay in some views
YouTube thumbnail (1280x720)Bottom-right ~120x40px clearDuration badge overlays that corner
Email (600px)20px inner paddingNo 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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

ログインしてレビューを書く

同じリポジトリのスキル

概要と使いどころ

00-ke-hoach-mkt

無料

Dung khi can ke hoach marketing tong the cho mot ky — muc tieu, phan khuc, kenh, ngan sach, timeline, KPI va ma tran rui ro. Co ca che do ban day du va che do ke hoach 1 trang cho chu doanh nghiep nho. Kich hoat khi user nhac 'lap ke hoach marketing', 'ke hoach MKT', 'marketing plan', 'chien luoc marketing nam', 'plan quy toi', 'ke hoach 1 trang'. Khong dung cho — tinh nguoc ngan sach tu doanh thu thi dung skill 10-tinh-kpi-nguoc; phan bo ngan sach chi tiet theo kenh thi dung skill 61-budget-planning; brief mot chien dich cu the thi dung skill 02-brief-chien-dich.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

00-marketing-plan-global

無料

Use when the user needs an overall marketing plan for a period — objectives, segments, positioning, channel mix, content direction, budget, timeline, KPIs, and a risk matrix, adapted to US, EU, SEA, or LATAM. Trigger on 'marketing plan', 'marketing strategy for next year', 'go-to-market roadmap', 'plan for Q3', 'we have no marketing plan', 'where should we spend next quarter'. Also use when a founder only says the business needs to grow and has no idea which channel to start with. Not for — one specific campaign, see `02-campaign-brief-global`; working backward from a revenue goal to spend, see `10-reverse-kpi-global`; splitting a budget across channels and months, see `61-budget-planning-global`; taking a brand new product to market, see `59-go-to-market-global`.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

01-content-calendar-global

無料

Use when the user needs a monthly or weekly content calendar — posting schedule per channel, funnel ratio, content pillars, repurposing matrix, and an owner per slot. Trigger on 'content calendar', 'posting schedule', 'what should we post this month', 'editorial calendar', 'social media plan', 'we post randomly with no plan'. Also use when the user only says the team keeps running out of things to post. Not for — the brief for one specific post, see `36-content-brief-global`; the caption text itself, see `37-social-caption-global`; deciding next period content from last period data, see `40-next-content-plan-global`; a paid campaign timeline, see `02-campaign-brief-global`.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

01-lich-noi-dung

無料

Dung khi can lich dang bai cho ca thang — chot content pillar va ti le, xep bai theo ngay va khung gio, ma tran tai su dung noi dung, va gan muc tieu cho tung tru cot. Kich hoat khi user nhac 'lich noi dung', 'content calendar', 'thang nay dang gi', 'len lich dang bai', 'ke hoach content thang', 'phan bo noi dung'. Khong dung cho — brief tung bai truoc khi viet thi dung skill 36-content-brief; viet caption thanh pham thi dung skill 37-caption-social; lap plan ky sau tu data thi dung skill 40-next-content-plan.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

02-brief-chien-dich

無料

Dung khi can brief mot chien dich cu the cho ca team thuc thi — muc tieu, thong diep, deliverable, timeline phan cong theo tuan, gate duyet va ma tran rui ro. Kich hoat khi user nhac 'brief chien dich', 'ke hoach campaign', 'len brief cho team', 'chien dich thang toi', 'phan cong campaign', 'timeline chien dich'. Khong dung cho — ke hoach marketing ca ky thi dung skill 00-ke-hoach-mkt; danh sach asset can thiet ke thi dung skill 41-campaign-asset-list; giao viec cho tung nguoi thi dung skill 64-team-brief.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

02-campaign-brief-global

無料

Use when a specific campaign needs a brief the whole team can execute from — context, objective, audience, core message, creative direction, channels, deliverables, week-by-week timeline, approval gates, and risks. Trigger on 'campaign brief', 'creative brief', 'launch brief', 'brief the team on this campaign', 'we are running a promo next month', 'what is the plan for this campaign'. Also use when the user describes a promotion out loud and asks for something the team can actually run. Not for — the whole period plan, see `00-marketing-plan-global`; the list of design files needed, see `41-campaign-asset-list-global`; assigning work to one person, see `64-team-brief-global`; a new product launch sequence, see `59-go-to-market-global`.

日本語の概要は準備中です。原文の説明を表示しています。

minhnv0807/ai-business-skills6132026年9月12日 更新

minhnv0807 のスキルをすべて見る

このスキルの問題を報告する