mirror of
https://github.com/Branding5/social-media-image-sizes.git
synced 2026-09-14 20:52:06 +08:00
prepare for public release: add LICENSE, screenshots, harden .gitignore
This commit is contained in:
+30
@@ -4,3 +4,33 @@ node_modules/
|
||||
.pnpm-store/
|
||||
pnpm-lock.yaml
|
||||
package-lock.json
|
||||
skills-lock.json
|
||||
skills/
|
||||
|
||||
# installed skill directories (created by npx skills add)
|
||||
.agents/
|
||||
.claude/
|
||||
.codex/
|
||||
.codebuddy/
|
||||
.commandcode/
|
||||
.continue/
|
||||
.crush/
|
||||
.cursor/
|
||||
.factory/
|
||||
.goose/
|
||||
.junie/
|
||||
.kilocode/
|
||||
.kiro/
|
||||
.kode/
|
||||
.mcpjam/
|
||||
.mux/
|
||||
.neovate/
|
||||
.openhands/
|
||||
.pochi/
|
||||
.qoder/
|
||||
.qwen/
|
||||
.roo/
|
||||
.trae/
|
||||
.vibe/
|
||||
.windsurf/
|
||||
.zencoder/
|
||||
|
||||
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2025 Branding5
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
@@ -19,69 +19,42 @@ npx skills add Branding5/agent-skills@social-media-image-sizes
|
||||
```
|
||||
|
||||
**Use when a user asks:**
|
||||
- *"Is this image the right size for Instagram?"*
|
||||
- *"Resize this photo for a LinkedIn banner"*
|
||||
- *"What size should my YouTube thumbnail be?"*
|
||||
- *"Prep these assets for Facebook ads"*
|
||||
- *"Check if my image fits the TikTok spec"*
|
||||
|
||||
- _"Is this image the right size for Instagram?"_
|
||||
- _"Resize this photo for a LinkedIn banner"_
|
||||
- _"What size should my YouTube thumbnail be?"_
|
||||
- _"Prep these assets for Facebook ads"_
|
||||
- _"Check if my image fits the TikTok spec"_
|
||||
|
||||
**Check an image:**
|
||||
|
||||
```bash
|
||||
node scripts/check.js photo.jpg
|
||||
node scripts/check.js image.png
|
||||
```
|
||||
|
||||
```
|
||||
────────────────────────────────────────────────────────────
|
||||
📐 photo.jpg
|
||||
1200 × 900 px (1.33:1) • 842 KB
|
||||
────────────────────────────────────────────────────────────
|
||||
|
||||
✅ PERFECT
|
||||
Facebook Feed Posts Image Post (Landscape) 1200×630 1.91:1
|
||||
|
||||
🟡 CLOSE (scale only)
|
||||
LinkedIn Feed Posts Image Post (Landscape) 1200×627 1.91:1
|
||||
X (Twitter) Posts Single Image 1600×900 16:9
|
||||
|
||||
🔄 USABLE (will crop)
|
||||
Instagram Feed Posts Portrait Post 1080×1350 4:5 → node scripts/resize.js photo.jpg "Instagram Portrait Post"
|
||||
Instagram Feed Posts Square Post 1080×1080 1:1 → node scripts/resize.js photo.jpg "Instagram Square Post"
|
||||
|
||||
❌ TOO SMALL
|
||||
YouTube Channel Art Banner 2560×1440 16:9
|
||||
|
||||
────────────────────────────────────────────────────────────
|
||||
✅ 1 perfect 🟡 2 close 🔄 12 usable ❌ 8 too small
|
||||
Full reference → branding5.com/tools/social-media-cheat-sheet
|
||||
────────────────────────────────────────────────────────────
|
||||
```
|
||||

|
||||
|
||||
**Resize to a named spec:**
|
||||
|
||||
```bash
|
||||
node scripts/resize.js photo.jpg "Instagram Portrait Post"
|
||||
# → photo-instagram-portrait-post.jpg (1080×1350 px, center-crop)
|
||||
|
||||
node scripts/resize.js photo.jpg "LinkedIn Background Photo" --fit contain --bg f0f0f0
|
||||
# → letterboxed with light grey padding
|
||||
|
||||
node scripts/resize.js photo.jpg --list # show all 60+ spec names
|
||||
node scripts/resize.js image.png "Instagram Profile Photo"
|
||||
```
|
||||
|
||||

|
||||
|
||||
**Platforms covered:**
|
||||
|
||||
| Platform | Specs |
|
||||
|----------|-------|
|
||||
| Instagram | Profile, Feed (portrait/square/landscape), Stories, Reels, Carousel, Ads |
|
||||
| Facebook | Profile, Cover, Feed, Stories, Reels, Events, Groups, Ads |
|
||||
| X (Twitter) | Profile, Header, Posts, Cards, Ads |
|
||||
| LinkedIn | Profile, Background, Company, Feed, Articles, Newsletters, Ads |
|
||||
| TikTok | Profile, Videos, Ads |
|
||||
| YouTube | Profile, Banner, Thumbnails, Shorts, Community, Ads |
|
||||
| Pinterest | Profile, Boards, Standard/Square/Long/Idea Pins, Ads |
|
||||
| Snapchat | Snaps, Spotlight, Stories, Ads, Filters/Lenses |
|
||||
| Threads | Profile, Posts |
|
||||
| Platform | Specs |
|
||||
| ----------- | ------------------------------------------------------------------------ |
|
||||
| Instagram | Profile, Feed (portrait/square/landscape), Stories, Reels, Carousel, Ads |
|
||||
| Facebook | Profile, Cover, Feed, Stories, Reels, Events, Groups, Ads |
|
||||
| X (Twitter) | Profile, Header, Posts, Cards, Ads |
|
||||
| LinkedIn | Profile, Background, Company, Feed, Articles, Newsletters, Ads |
|
||||
| TikTok | Profile, Videos, Ads |
|
||||
| YouTube | Profile, Banner, Thumbnails, Shorts, Community, Ads |
|
||||
| Pinterest | Profile, Boards, Standard/Square/Long/Idea Pins, Ads |
|
||||
| Snapchat | Snaps, Spotlight, Stories, Ads, Filters/Lenses |
|
||||
| Threads | Profile, Posts |
|
||||
|
||||
→ [View skill](./social-media-image-sizes/SKILL.md) · [Full reference](./social-media-image-sizes/AGENTS.md) · [Interactive tool](https://www.branding5.com/tools/social-media-cheat-sheet)
|
||||
|
||||
@@ -124,4 +97,4 @@ MIT — free to use, fork, and redistribute.
|
||||
|
||||
---
|
||||
|
||||
*Skills built alongside [Branding5](https://www.branding5.com) — AI brand positioning and marketkng strategy *
|
||||
_Skills built alongside [Branding5](https://www.branding5.com) — AI brand positioning and marketing strategy_
|
||||
|
||||
@@ -1,5 +1,4 @@
|
||||
.DS_Store
|
||||
.pi/
|
||||
node_modules/
|
||||
.pnpm-store/
|
||||
pnpm-lock.yaml
|
||||
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 177 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
Reference in New Issue
Block a user