Social Media Image Sizes Guide
Pick the exact pixel dimensions each platform wants — and compose your screenshot at native resolution so it stays sharp in every feed.
A practical guide for indie hackers shipping launch posts, designers polishing client work, founders posting product screenshots on X and LinkedIn, and DevRel folks announcing releases on Dribbble or Product Hunt. Drop a screenshot onto a correctly-sized canvas and export at the platform's native resolution — the screenshot never leaves the device.
Why Native Resolution Matters for Social Media Images
Every social platform recommends a specific image size in pixels. YouTube wants 1280×720 for thumbnails. Instagram Story wants 1080×1920. Twitter/X wants 1200×675 for in-feed posts. LinkedIn wants 1200×627. When you upload an image at the wrong size, the platform either crops it (losing your CTA, your headline, or part of your screenshot), letterboxes it (adding ugly black bars), or rescales it (softening text and pixel-perfect edges).
Screenshot creators feel this most. A raw cropped product screenshot might be 1440×900 (your laptop) or 2880×1800 (a retina display). The moment you upload that to LinkedIn — which wants 1200×627 — the platform rescales it down, and your sharp 1px UI lines turn fuzzy. The headline you spent twenty minutes wording goes soft. The dashboard chart you wanted to show off loses the edge crispness that made it impressive in the first place.
The fix is to size first, upload second. Pick the right canvas size for the platform, paste your screenshot onto that canvas (with optional gradient or device-frame backdrop), export at native resolution, then upload. The platform doesn't have to rescale anything; your image stays sharp. Most graphic design tools start with templates. Most screenshot creators start with a screenshot and need to fit it into the right canvas — that's a different workflow, and it's what this guide covers.
The Social Media Image Size Cheat Sheet
These are the recommended upload sizes each platform uses today. FileHop's canvas presets match every dimension exactly — the same numbers verified against the platforms' official help docs.
| Platform | Use Case | Width × Height | Aspect Ratio | FileHop Preset |
|---|---|---|---|---|
| YouTube | Video thumbnail | 1280 × 720 | 16:9 | YouTube Thumbnail |
| YouTube | Channel banner | 2560 × 1440 | 16:9 | YouTube Banner |
| Square feed post | 1080 × 1080 | 1:1 | Instagram Square | |
| Portrait feed post | 1080 × 1350 | 4:5 | Instagram Portrait | |
| Story / full-screen vertical | 1080 × 1920 | 9:16 | Instagram Story | |
| Twitter / X | In-feed post image | 1200 × 675 | 16:9 | Twitter/X Post |
| Twitter / X | Profile header / banner | 1500 × 500 | 3:1 | Twitter/X Header |
| In-feed post image | 1200 × 627 | 1.91:1 | LinkedIn Post | |
| In-feed post / link preview | 1200 × 630 | 1.91:1 | Facebook Post | |
| Standard pin | 1000 × 1500 | 2:3 | Pinterest Pin | |
| Dribbble | Shot upload | 1600 × 1200 | 4:3 | Dribbble Shot |
| Product Hunt | Gallery thumbnail | 1270 × 760 | ~5:3 | Product Hunt |
Need a different size? The canvas accepts any custom width and height in pixels — the 12 presets above are just the most common starting points.
OG Image (1200×630) is also shipped as a separate Common-resolution preset and is functionally identical to the Facebook Post preset — Facebook, LinkedIn (close), Slack, Discord, and most blog link previews use the 1200×630 standard.
Who Uses Social Media Canvas Presets
Four common situations where sizing the canvas first — before composing the post — saves time and keeps the screenshot sharp.
Indie hackers and founders posting launch announcements
A single product launch usually goes to X, LinkedIn, Product Hunt, and Pinterest the same afternoon. Each platform wants a different canvas. The alternative is making four manual exports in Photoshop or Figma; the workflow here is picking each preset and dropping the same screenshot on top.
Designers polishing client deliverables
Taking a hero shot or dashboard screenshot and producing the exact platform sizes the client's social team needs to post. The client doesn't want to learn aspect-ratio math; they want the right image, at the right size, ready to upload.
Engineers and DevRel teams sharing release screenshots
'We just shipped X' tweets, LinkedIn posts about new features, Pinterest pins for a redesigned dashboard. The engineering team doesn't want a Figma seat to size an image — and they don't want to upload an unreleased UI to a hosted design tool either.
YouTube creators posting thumbnails and banners
1280×720 thumbnail and 2560×1440 banner at native resolution. Uploading anything else softens text and loses edge crispness right at the moment your viewer is deciding whether to click.
When to Use Each Preset
The canvas size you pick is usually decided by the platform — but the aspect ratio you start with is the more useful mental model. Four cases cover most posts:
Use a LANDSCAPE preset (16:9) when…
- •Your screenshot is naturally horizontal — laptop UI, dashboard, code editor, browser window.
- •You're posting a YouTube thumbnail (1280×720) or Twitter/X in-feed image (1200×675).
- •You want maximum width to show off a wide layout without cropping.
- •You're sharing a video frame or animation still that was captured at 16:9 already.
Use a PORTRAIT preset (9:16 / 4:5 / 2:3) when…
- •Your screenshot is a phone UI, a signup flow, or a narrow product view.
- •You're posting an Instagram Story (1080×1920) and want full-screen mobile real estate.
- •You're posting to Pinterest (1000×1500) — Pinterest's feed favors portrait pins and squashes landscape ones.
- •You want the image to take up more vertical space in a feed scroll, which generally earns more attention.
Square (1:1) and wide-rectangle (1.91:1) presets are the cross-platform compromises. Instagram Square (1080×1080) works in feeds and grid views; Facebook Post / OG Image (1200×630) is the closest you'll get to a single image that works as a link preview on Facebook, LinkedIn, Slack, Discord, and most blogs. When in doubt and you only have time for one export, the 1:1 square is the safest cross-platform choice; for link previews the 1.91:1 wide-rectangle wins.
How to Compose a Social Media Image at Native Resolution
The workflow is the same across every canvas tool. Three steps:
Pick your platform and preset
Start with the platform you're posting to — YouTube, Instagram, X/Twitter, LinkedIn, Facebook, Pinterest, Dribbble, or Product Hunt. If you want one image that works across multiple link-preview destinations (blogs, Slack, Discord, LinkedIn, Facebook), pick the OG Image / Facebook Post preset (1200×630) instead.
Set the canvas to that preset's exact pixel dimensions
For FileHop, click the preset in the canvas-size dropdown — the canvas resizes to the platform's exact pixel-for-pixel recommendation. For any other tool, type the dimensions manually (1280×720 for YouTube Thumbnail, 1080×1920 for Instagram Story, 1200×675 for Twitter/X Post, etc.).
Drop your screenshot on top and export at native resolution
Add your screenshot to the canvas, optionally pair it with a gradient backdrop or device frame, and export as PNG (the lossless default) or JPG/WEBP for smaller file size. The output ships at the platform's native pixel dimensions — no rescaling, no softening.
The FileHop social media canvas tool does steps 1–3 locally in seconds — pick a preset, drop your screenshot, optionally pair it with a gradient or device frame, export PNG. No upload, no account, no template gallery to wade through.
Open the FileHop social media canvas tool →What the FileHop Social Media Canvas Tool Ships
Four feature categories covering platform presets, custom dimensions, the Twitter 4-Split mode, and PNG/JPG/WEBP export. Everything renders on your CPU — the screenshot is not uploaded.
12 Social Media Presets
All twelve platform presets at the exact pixel dimensions each platform recommends today.
- • YouTube Thumbnail (1280×720), YouTube Banner (2560×1440)
- • Instagram Square (1080×1080), Portrait (1080×1350), Story (1080×1920)
- • Twitter/X Post (1200×675), Header (1500×500)
- • LinkedIn Post (1200×627), Facebook Post (1200×630), Pinterest Pin (1000×1500), Dribbble Shot (1600×1200), Product Hunt (1270×760)
13 Device + 8 Common Presets
Beyond social, the same canvas ships device-screen and common-resolution presets for App Store screenshots, retina exports, and link previews.
- • MacBook, iMac, iPad, iPhone, Pixel, Galaxy device screens
- • HD 720p, Full HD 1080p, 2K, 4K, OG Image (1200×630), App Store Screenshot (1290×2796)
Custom Dimensions + Aspect Lock
Type any width and height in pixels for non-preset sizes. Toggle aspect-ratio lock to keep proportions when scaling, or swap dimensions in one click to flip portrait to landscape.
- • Custom width and height (any integer pixels)
- • Aspect-ratio lock + one-click dimension swap
Twitter 4-Split Tap-to-Reveal
Splits a single image into 4 PNG tiles arranged 2×2 for the Twitter tap-to-reveal grid effect. Exports the four tiles as a folder via the Social Export Dialog.
- • Twitter 4-Split (2×2 grid, 4 PNG tiles)
- • Instagram Carousel and 3×3 Grid: coming soon
- • PNG / JPG / WEBP export, all rendered locally
Honest footnote: 12 social presets today — TikTok video, Reels covers, Snapchat, Bluesky banner, Threads, Mastodon, and Discord profile sizes are NOT shipped today. Instagram Carousel and Instagram 3×3 Grid multi-tile modes are explicitly noted as 'Coming soon' in the social split panel. The FileHop edge is that the canvas runs locally and pairs naturally with the device-frame, gradient-backdrop, and code-snapshot tools to produce a finished social tile in one app — not that it has the most preset variety.
Web Canvas Tools vs Offline Canvas Tools
How web canvas tools work
- ⚠ Web canvas and template tools — Canva, Adobe Express, Figma community templates, Bannerbear, social-management built-ins like Sprout, Hootsuite, and Buffer — load and render the canvas inside a hosted browser app.
- ⚠ Your screenshot is uploaded to the platform's servers, sits in transit, in CDN caches, and in error logs. Most of these tools also require sign-in for full export.
- ⚠ For a public marketing image of a finished, shipped product, that is fine.
- ⚠ For a screenshot of an unreleased product feature you're announcing tomorrow, a customer's dashboard you're sharing as a case-study draft, or an internal admin panel for an investor update — it is not fine.
How offline canvas tools work
- ✓ Offline canvas tools (FileHop) render the canvas + screenshot composition locally on your CPU via the Canvas API.
- ✓ The screenshot stays on your file system. Nothing is uploaded. Nothing is cached on a server.
- ✓ You can unplug the ethernet cable and the tool still produces a PNG.
- ✓ This matters less for a generic marketing tile and more for the screenshot of an unreleased feature you're announcing on launch day — you don't want that screenshot to leak through a CDN log before the announcement.
For the gradient backdrop behind your screenshot, see our gradient background guide. For wrapping the screenshot in a device frame first, see our device mockup guide. For dressing up code snippets for social posts, see our code snapshot guide.
Quick Comparison of Popular Social Media Canvas Tools
The canvas-tool landscape in one table. We tried to be honest on rows where competitors beat us — Canva ships the largest template library by far, Adobe Express has the deepest ecosystem polish, Figma is the best designer workflow, Sprout/Hootsuite/Buffer are the right call for full-stack social management, and Bannerbear wins for programmatic image generation.
| Tool | Type | Social Presets | Custom Dims | Screenshot Compositing | Multi-Tile Splits | Offline | Price |
|---|---|---|---|---|---|---|---|
| FileHop ⭐ | Desktop | 12 social + 21 device/common | Yes | Yes (drop screenshot + gradient/frame) | Twitter 4-Split (Carousel coming soon) | Yes | Free |
| Canva | Web (sign-in) | Hundreds of social templates | Yes (limited free tier) | Yes (template-driven) | No | No | Freemium |
| Adobe Express | Web (Adobe account) | Many social templates | Yes | Yes (template-driven) | No | No | Free with sign-in |
| Figma | Web / Desktop | Community templates | Yes | Yes (designer workflow) | No | Desktop client only | Free design tier |
| Sprout Social | Web (SaaS) | Per-platform sizing in scheduler | No | No | No | No | Paid subscription |
| Hootsuite | Web (SaaS) | Per-platform sizing in scheduler | No | No | No | No | Paid subscription |
| Bannerbear | API | Templates via API | Yes | Yes (programmatic) | No | No | Paid API |
For the gradient backdrop behind your screenshot, see our gradient background guide for the full breakdown of presets, solid colors, and transparency.
Gradient background guide →For wrapping the screenshot in a MacBook, iPhone, iPad, or browser frame first, see our device mockup guide.
Device mockup guide →For dressing up code snippets for social posts the same way, see our code snapshot guide.
Code snapshot guide →Best Practices for Social Media Images That Actually Land
Most social-image problems are sizing decisions, not tooling. Use this checklist before shipping the upload.
- Always size at native resolution before upload — 1280×720 for YouTube thumbnails, 1080×1920 for Instagram Stories, 1200×675 for Twitter/X posts. Uploading anything else triggers platform rescaling and softens edges.
- Keep critical content out of the safe zones on Stories — Instagram Story has UI overlays at the top (~250px username/profile) and bottom (~250px CTA / reply). Your headline and CTA should sit in the middle ~1080×1420 of the 1080×1920 canvas.
- For YouTube thumbnails, place your headline text in the center-left third — the bottom-right corner is overlaid by the video duration timestamp once the thumbnail is in the feed.
- For LinkedIn posts, treat 1200×627 as the de-facto standard for in-feed images and link previews. LinkedIn uses 1200×627 (3px shorter than Facebook's 1200×630) — they're close enough that the same image works for both with no visible difference.
- Export at the platform's native pixel dimensions, not at 2x — most social platforms auto-compress and rescale uploads. Uploading a 2560×1440 image to a 1280×720 thumbnail slot just doubles the bandwidth without doubling the visible quality.
- For Twitter/X 4-Split tap-to-reveal posts, compose the full image first then split — the four tiles must align edge-to-edge so the reveal effect works on the way to your post landing.
- For App Store screenshots, check Apple's required device-specific aspect ratios — iPhone 15 Pro Max screenshot canvas is 1290×2796, which FileHop ships as a Common preset. Other device sizes have different requirements.
- For sensitive screenshots — anything from a private repo, anything containing customer data, anything under NDA — use a local tool. Web canvas tools store the upload on their servers, and you don't always know how long it stays there.
Common Mistakes to Avoid
Uploading a raw retina screenshot directly to a social platform
A 2880×1800 retina screenshot uploaded to a 1200×675 Twitter slot or a 1280×720 YouTube thumbnail slot just gets rescaled by the platform — and the rescaling softens UI text, fuzzes pixel-perfect edges, and loses the crispness you wanted to show off. Size to native resolution first, then upload.
Confusing OG Image (1200×630) with LinkedIn Post (1200×627)
They're 3 pixels apart in height and functionally interchangeable. Both work as Facebook posts, LinkedIn posts, and link previews on Slack, Discord, and most blogs. Pick either; the only place you'll fail is if the destination platform is extremely strict about aspect ratio (rare).
Pasting an unreleased product screenshot into a hosted web canvas tool
Proprietary UI, internal dashboards, customer data, NDA'd designs shouldn't enter a hosted browser session because the tool was 'free and fast.' Use a local tool for anything sensitive — once the screenshot is in someone else's logs and CDN cache, you no longer own where it lives.
Ready to Compose Your Next Social Post at Native Resolution?
Open the FileHop social media canvas tool and pick from 12 platform presets — exact pixel dimensions, real PNG export, runs locally, no uploads.
Open the Social Media Canvas ToolMore tools for sharing what you build
Gradient Background Guide
Pick a gradient backdrop for your screenshot — pairs natively with the social canvas.
Device Mockup Guide
Wrap the screenshot in a MacBook, iPhone, iPad, or browser frame before posting.
Code Snapshot Guide
Turn a code snippet into a polished, shareable PNG sized for Twitter and LinkedIn.
Gradient Backgrounds Tool
The gradient tool that pairs with the social canvas for a finished tile.