50 asset resize skill

Dung khi da co MOT master design va can ra du kich thuoc cho tat ca kenh — bang kich thuoc chuan 2025-2026 cho feed, story, reel, cover, placement ads.

by minhnv0807·MIT license·★ 599 Stars on the repo·GitHub ↗

Use now

Files of 50 asset resize

minhnv0807/master1 file shown
SKILL.md
Show the full text195 lines

Asset Resize

Resize khong phai keo to keo nho — moi ti le can re-compose de hierarchy van dung. 1 master design tot → 10+ variants: day la khau tiet kiem thoi gian nhieu nhat cua design production, va la viec dau tien sau campaign (repurpose winner o D+2).

Thu thap thong tin

Doc asset list (41-campaign-asset-list) neu co. Neu thieu, hoi toi da 4 cau:

  1. Master design la gi? Link file goc (Canva/Figma) + kich thuoc va kenh ban dau?
  2. Can resize ra kenh / kich thuoc nao? Liet ke het — hay lay theo asset list?
  3. Element nao khong duoc mat? Text, CTA, logo, khuon mat, san pham — co element nao gan canh khong?
  4. Duoc phep crop noi dung khong, hay phai giu nguyen toan bo?

Nguyen tac

  1. Luon resize tu file goc (master) — khong resize tu file da resize (chat luong giam dan).
  2. Element quan trong khong duoc crop o bat ky kich thuoc nao — focal point, CTA, logo phai con nguyen.
  3. Moi ratio can chien luoc rieng — khong ap 1 cach cho tat ca.
  4. Khong giu du noi dung sau resize → bao Leader quyet dinh bo element nao, khong tu quyet.
  5. Repurpose winner ngay sau campaign (D+2) — de lau mat context.
  6. Cap nhat trang thai vao asset list sau moi kich thuoc xong.

Quy trinh

Buoc 1 — Phan tich master

Xac dinh: focal point la gi; safe zone cua tung element (text, CTA, logo cach canh bao nhieu); dieu gi CO THE crop (background, texture) va KHONG DUOC crop (message, khuon mat, san pham, CTA).

Buoc 2 — Chon strategy cho tung kich thuoc dich
Strategy Khi nao dung Cach lam
Scale & Crop Ratio gan nhau (1:1 → 4:5, 16:9 → 1.91:1) Giu nguyen layout, crop bot background
Re-compose Ratio khac vua (1:1 → 16:9, landscape → cover) Dich chuyen element de fit ratio moi, giu hierarchy
Rebuild Ratio khac han (1:1 → 9:16, feed → email) Lam lai tu dau tren canvas moi, giu concept + mau + copy
Buoc 3 — Resize theo thu tu uu tien

Lam kich thuoc kenh chinh truoc (thuong Feed 1:1), sau do den cac kich thuoc con lai theo priority trong resize map.

Buoc 4 — Kiem tra, dat ten, upload, update

Check tung file theo final checklist → dat ten dung convention → upload dung subfolder → update trang thai asset list.

Bang kich thuoc chuan 2025-2026

Social media
Loai Kich thuoc Ti le Kenh Ghi chu
Feed post vuong 1080x1080px 1:1 Facebook, Instagram Kich thuoc lam truoc tien
Feed post doc 1080x1350px 4:5 Instagram, Facebook Chiem nhieu man hinh hon tren mobile
Story / Reels 1080x1920px 9:16 FB/IG Story, Reels Safe zone 250px top/bottom
TikTok video/thumbnail 1080x1920px 9:16 TikTok Safe zone 150px top / 300px bottom
Facebook cover 820x312px ~2.6:1 FB Page Mobile crop 2 ben — de noi dung o giua
LinkedIn post 1200x627px ~1.91:1 LinkedIn
YouTube thumbnail 1280x720px 16:9 YouTube
Ads (Meta)
Loai Kich thuoc Ghi chu
Feed ads 1080x1080px Dung cho ca FB + IG
Story ads 1080x1920px Noi dung cach mep ~14%
Carousel 1080x1080px Toi thieu 2, toi da 10 card
Link post banner 1200x628px
Email / Zalo / Website
Loai Kich thuoc Ti le Strategy thuong dung
Email header 600x200px 3:1 Rebuild
Email hero 600x400px 3:2 Scale & Crop
Zalo OA cover 1200x500px 12:5 Scale & Crop
Website hero desktop 1440x600px 2.4:1 Re-compose
Website hero mobile 375x300px 5:4 Rebuild
Tai lieu
Loai Kich thuoc Dung khi
Slide deck 16:9 1920x1080px Presentation, pitch
A4 doc / ngang 210x297mm / 297x210mm Report, proposal in

Quy tac re-compose

Landscape / vuong → doc (→ 9:16):

  • Logo: giu vi tri theo brand guideline (thuong bottom-right)
  • Headline: chuyen len top 1/3
  • CTA: luon o bottom 1/3 nhung tren safe zone
  • Safe zone story/reels: 250px top/bottom; TikTok: 150px top / 300px bottom

Vuong → email (600px):

  • Tang font size neu text qua nho o width moi
  • Don gian hoa visual — bot element phu
  • CTA button toi thieu 44x44px

→ cover (FB/Zalo):

  • Noi dung chinh don vao vung giua — 2 ben se bi crop tren mobile
  • Khong dat text sat mep

Naming va folder

  • Ten file: [Campaign]_[Kenh]_[KichThuoc]_[Version]_[Status].jpg
  • Vi du: KhoaHocQ3_FB_1080x1080_v1_APPROVED.jpg
  • Folder:
/[Brand]/Campaigns/[TenCampaign]/Assets/Final/
  Facebook/  TikTok/  Email/  Zalo/  Website/  Archive/

Cau truc ket qua

Ten file: asset-resize-[campaign]-[YYYYMMDD].md

# Resize Map — [Ten campaign]

## Master design
| Hang muc | Chi tiet |
|----------|----------|
| Master file | [link goc] |
| Kich thuoc goc | |
| Focal point | |
| Element khong duoc mat | |

## Resize map
| Kich thuoc | Ti le | Kenh / dung cho | Strategy | Priority | Trang thai |
|-----------|-------|-----------------|----------|----------|------------|
| 1080x1080px | 1:1 | FB/IG Feed + Ads | Scale & Crop | Cao | |
| 1080x1350px | 4:5 | IG Feed doc | Re-compose | Cao | |
| 1080x1920px | 9:16 | Story / Reels / TikTok | Rebuild | Cao | |
| 1200x628px | 1.91:1 | Link banner | Scale & Crop | TB | |
| 600x200px | 3:1 | Email header | Rebuild | TB | |
| [them theo asset list] | | | | | |

## Ghi chu re-compose tung kich thuoc
- [kich thuoc]: [element nao doi cho, crop gi, luu y safe zone]

Final checklist

  • Tat ca kich thuoc trong resize map da xong
  • Khong co anh bi meo (khong stretch — chi scale giu ti le)
  • Text khong bi crop — safe zone tung kenh dam bao
  • Logo hien dien va dung version o moi kich thuoc
  • CTA van doc duoc o kich thuoc nho nhat
  • Font size van doc duoc tren mobile sau resize (>= 14px hien thi)
  • File dat ten dung convention, dung status tag
  • Upload dung subfolder theo kenh
  • Trang thai da update trong asset list

Lien ket skill

  • 41-campaign-asset-list: danh sach kich thuoc can lam lay tu asset list; resize xong update nguoc lai.
  • 42-brief-hinh-anh: master design sinh ra tu brief anh; adapt rules ghi trong brief khi co nhieu size.
  • 48-quick-visual-brief: variant thang tu quick brief → resize ra cac kich thuoc con lai.
  • 21-audit-ads-performance: xac dinh winner de repurpose sau campaign (D+1 danh dau, D+2 resize).
  • 46-brand-guideline: vi tri logo, font toi thieu, spacing khi re-compose.

Checklist chat luong

  • Master da phan tich: focal point + element khong duoc mat + vung crop duoc
  • Moi kich thuoc dich co strategy ro (Scale & Crop / Re-compose / Rebuild)
  • Thu tu uu tien ro — kenh chinh lam truoc
  • Safe zone tung kenh ap dung dung bang chuan
  • Truong hop khong giu du noi dung da bao Leader quyet
  • Resize tu file goc, khong tu file export
  • Final checklist chay xong truoc khi bao done
1---
2name: 50-asset-resize
3description: "Dung khi da co MOT master design va can ra du kich thuoc cho tat ca kenh — bang kich thuoc chuan 2025-2026 cho feed, story, reel, cover, placement ads; 3 cach xu ly scale-crop, re-compose, rebuild; quy tac safe zone va cach dat ten file. Kich hoat khi user nhac 'resize asset', 'du kich thuoc', 'adapt kich thuoc', 'bang kich thuoc chuan', 'safe zone', 'anh bi cat mat chu tren story', 'mot anh dang duoc may cho'. Khong dung cho — thiet ke moi tu concept thi dung skill 42-brief-hinh-anh; asset gap khi campaign dang chay thi dung skill 48-quick-visual-brief; liet ke toan bo asset cua campaign thi dung skill 41-campaign-asset-list."
4metadata:
5 version: 1.0.1
6 category: operations
7license: MIT
8triggers:
9 - "resize asset"
10 - "resize design"
11 - "du kich thuoc"
12 - "adapt kich thuoc"
13 - "bang kich thuoc chuan"
14 - "safe zone"
15 - "repurpose design"
16output: "File .md — resize map theo kenh voi strategy va priority tung kich thuoc, quy tac re-compose, safe zone, naming + folder, checklist final. Designer resize xong khong can hoi lai."
17related:
18 - 41-campaign-asset-list
19 - 42-brief-hinh-anh
20 - 48-quick-visual-brief
21 - 46-brand-guideline
22 - 21-audit-ads-performance
23---
24 
25# Asset Resize
26 
27> Resize khong phai keo to keo nho — moi ti le can re-compose de hierarchy van dung. 1 master design tot → 10+ variants: day la khau tiet kiem thoi gian nhieu nhat cua design production, va la viec dau tien sau campaign (repurpose winner o D+2).
28 
29## Thu thap thong tin
30 
31Doc asset list (`41-campaign-asset-list`) neu co. Neu thieu, hoi toi da 4 cau:
32 
331. **Master design la gi?** Link file goc (Canva/Figma) + kich thuoc va kenh ban dau?
342. **Can resize ra kenh / kich thuoc nao?** Liet ke het — hay lay theo asset list?
353. **Element nao khong duoc mat?** Text, CTA, logo, khuon mat, san pham — co element nao gan canh khong?
364. **Duoc phep crop noi dung khong,** hay phai giu nguyen toan bo?
37 
38## Nguyen tac
39 
401. **Luon resize tu file goc (master)** — khong resize tu file da resize (chat luong giam dan).
412. **Element quan trong khong duoc crop o bat ky kich thuoc nao** — focal point, CTA, logo phai con nguyen.
423. **Moi ratio can chien luoc rieng** — khong ap 1 cach cho tat ca.
434. **Khong giu du noi dung sau resize → bao Leader quyet dinh bo element nao,** khong tu quyet.
445. **Repurpose winner ngay sau campaign (D+2)** — de lau mat context.
456. **Cap nhat trang thai vao asset list** sau moi kich thuoc xong.
46 
47## Quy trinh
48 
49### Buoc 1 — Phan tich master
50 
51Xac dinh: focal point la gi; safe zone cua tung element (text, CTA, logo cach canh bao nhieu); dieu gi CO THE crop (background, texture) va KHONG DUOC crop (message, khuon mat, san pham, CTA).
52 
53### Buoc 2 — Chon strategy cho tung kich thuoc dich
54 
55| Strategy | Khi nao dung | Cach lam |
56|----------|--------------|----------|
57| Scale & Crop | Ratio gan nhau (1:1 → 4:5, 16:9 → 1.91:1) | Giu nguyen layout, crop bot background |
58| Re-compose | Ratio khac vua (1:1 → 16:9, landscape → cover) | Dich chuyen element de fit ratio moi, giu hierarchy |
59| Rebuild | Ratio khac han (1:1 → 9:16, feed → email) | Lam lai tu dau tren canvas moi, giu concept + mau + copy |
60 
61### Buoc 3 — Resize theo thu tu uu tien
62 
63Lam kich thuoc kenh chinh truoc (thuong Feed 1:1), sau do den cac kich thuoc con lai theo priority trong resize map.
64 
65### Buoc 4 — Kiem tra, dat ten, upload, update
66 
67Check tung file theo final checklist → dat ten dung convention → upload dung subfolder → update trang thai asset list.
68 
69## Bang kich thuoc chuan 2025-2026
70 
71### Social media
72 
73| Loai | Kich thuoc | Ti le | Kenh | Ghi chu |
74|------|-----------|-------|------|---------|
75| Feed post vuong | 1080x1080px | 1:1 | Facebook, Instagram | Kich thuoc lam truoc tien |
76| Feed post doc | 1080x1350px | 4:5 | Instagram, Facebook | Chiem nhieu man hinh hon tren mobile |
77| Story / Reels | 1080x1920px | 9:16 | FB/IG Story, Reels | Safe zone 250px top/bottom |
78| TikTok video/thumbnail | 1080x1920px | 9:16 | TikTok | Safe zone 150px top / 300px bottom |
79| Facebook cover | 820x312px | ~2.6:1 | FB Page | Mobile crop 2 ben — de noi dung o giua |
80| LinkedIn post | 1200x627px | ~1.91:1 | LinkedIn | |
81| YouTube thumbnail | 1280x720px | 16:9 | YouTube | |
82 
83### Ads (Meta)
84 
85| Loai | Kich thuoc | Ghi chu |
86|------|-----------|---------|
87| Feed ads | 1080x1080px | Dung cho ca FB + IG |
88| Story ads | 1080x1920px | Noi dung cach mep ~14% |
89| Carousel | 1080x1080px | Toi thieu 2, toi da 10 card |
90| Link post banner | 1200x628px | |
91 
92### Email / Zalo / Website
93 
94| Loai | Kich thuoc | Ti le | Strategy thuong dung |
95|------|-----------|-------|----------------------|
96| Email header | 600x200px | 3:1 | Rebuild |
97| Email hero | 600x400px | 3:2 | Scale & Crop |
98| Zalo OA cover | 1200x500px | 12:5 | Scale & Crop |
99| Website hero desktop | 1440x600px | 2.4:1 | Re-compose |
100| Website hero mobile | 375x300px | 5:4 | Rebuild |
101 
102### Tai lieu
103 
104| Loai | Kich thuoc | Dung khi |
105|------|-----------|----------|
106| Slide deck 16:9 | 1920x1080px | Presentation, pitch |
107| A4 doc / ngang | 210x297mm / 297x210mm | Report, proposal in |
108 
109## Quy tac re-compose
110 
111**Landscape / vuong → doc (→ 9:16):**
112- Logo: giu vi tri theo brand guideline (thuong bottom-right)
113- Headline: chuyen len top 1/3
114- CTA: luon o bottom 1/3 nhung tren safe zone
115- Safe zone story/reels: 250px top/bottom; TikTok: 150px top / 300px bottom
116 
117**Vuong → email (600px):**
118- Tang font size neu text qua nho o width moi
119- Don gian hoa visual — bot element phu
120- CTA button toi thieu 44x44px
121 
122**→ cover (FB/Zalo):**
123- Noi dung chinh don vao vung giua — 2 ben se bi crop tren mobile
124- Khong dat text sat mep
125 
126## Naming va folder
127 
128- Ten file: `[Campaign]_[Kenh]_[KichThuoc]_[Version]_[Status].jpg`
129- Vi du: `KhoaHocQ3_FB_1080x1080_v1_APPROVED.jpg`
130- Folder:
131 
132```
133/[Brand]/Campaigns/[TenCampaign]/Assets/Final/
134 Facebook/ TikTok/ Email/ Zalo/ Website/ Archive/
135```
136 
137## Cau truc ket qua
138 
139Ten file: `asset-resize-[campaign]-[YYYYMMDD].md`
140 
141```markdown
142# Resize Map — [Ten campaign]
143 
144## Master design
145| Hang muc | Chi tiet |
146|----------|----------|
147| Master file | [link goc] |
148| Kich thuoc goc | |
149| Focal point | |
150| Element khong duoc mat | |
151 
152## Resize map
153| Kich thuoc | Ti le | Kenh / dung cho | Strategy | Priority | Trang thai |
154|-----------|-------|-----------------|----------|----------|------------|
155| 1080x1080px | 1:1 | FB/IG Feed + Ads | Scale & Crop | Cao | |
156| 1080x1350px | 4:5 | IG Feed doc | Re-compose | Cao | |
157| 1080x1920px | 9:16 | Story / Reels / TikTok | Rebuild | Cao | |
158| 1200x628px | 1.91:1 | Link banner | Scale & Crop | TB | |
159| 600x200px | 3:1 | Email header | Rebuild | TB | |
160| [them theo asset list] | | | | | |
161 
162## Ghi chu re-compose tung kich thuoc
163- [kich thuoc]: [element nao doi cho, crop gi, luu y safe zone]
164```
165 
166## Final checklist
167 
168- [ ] Tat ca kich thuoc trong resize map da xong
169- [ ] Khong co anh bi meo (khong stretch — chi scale giu ti le)
170- [ ] Text khong bi crop — safe zone tung kenh dam bao
171- [ ] Logo hien dien va dung version o moi kich thuoc
172- [ ] CTA van doc duoc o kich thuoc nho nhat
173- [ ] Font size van doc duoc tren mobile sau resize (>= 14px hien thi)
174- [ ] File dat ten dung convention, dung status tag
175- [ ] Upload dung subfolder theo kenh
176- [ ] Trang thai da update trong asset list
177 
178## Lien ket skill
179 
180- `41-campaign-asset-list`: danh sach kich thuoc can lam lay tu asset list; resize xong update nguoc lai.
181- `42-brief-hinh-anh`: master design sinh ra tu brief anh; adapt rules ghi trong brief khi co nhieu size.
182- `48-quick-visual-brief`: variant thang tu quick brief → resize ra cac kich thuoc con lai.
183- `21-audit-ads-performance`: xac dinh winner de repurpose sau campaign (D+1 danh dau, D+2 resize).
184- `46-brand-guideline`: vi tri logo, font toi thieu, spacing khi re-compose.
185 
186## Checklist chat luong
187 
188- [ ] Master da phan tich: focal point + element khong duoc mat + vung crop duoc
189- [ ] Moi kich thuoc dich co strategy ro (Scale & Crop / Re-compose / Rebuild)
190- [ ] Thu tu uu tien ro — kenh chinh lam truoc
191- [ ] Safe zone tung kenh ap dung dung bang chuan
192- [ ] Truong hop khong giu du noi dung da bao Leader quyet
193- [ ] Resize tu file goc, khong tu file export
194- [ ] Final checklist chay xong truoc khi bao done
195 

Discussion