Channel size and safe-zone map
1
Pick channel preset
2
Export variants
3
Preview crops
Practical Guide
Social Media Image Sizes (Instagram, X, LinkedIn, Facebook)
Use platform-ready dimensions and safe zones for social posts, link previews, ads, and carousels.
Quick summary
- Channel-by-channel dimension table with use-case guidance
- Export workflow to reduce crop and text clipping issues
Ecommerce & Social
Beginner
12 min read
Updated 2026-03-06
Last verified 2026-02-24
Quick Summary
Use platform-ready dimensions and safe zones for social posts, link previews, ads, and carousels.
Changelog: content updated 2026-03-06, references verified 2026-02-24.
Field Note
Social performance improves when every channel uses explicit size presets, safe zones, and preview-first QA.
Campaign launch week
Generate channel-specific exports in one batch from a single approved design master.
Cross-team content ops
Use naming conventions tied to platform placement and ratio to reduce confusion.
Evergreen social library
Version preset tables and audit quarterly against platform UI changes.
Pre-publish QA questions
- Are all exports mapped to exact channel placements (feed, story, carousel, link preview)?
- Do text and logos stay inside safe zones after real platform crop behavior?
- Is there a pre-publish preview checklist used consistently by the team?
Channel Delivery Deep Dive
Storefront/social defaults, channel pitfalls, and share-safe implementation notes.
Sources: 2
Defaults: 3
Edge Cases: 3
Standards and References As of 2026-02-24
Default settings snapshot 3 rows
| Use case | Setting | Baseline | Target |
|---|---|---|---|
| Storefront catalog grid | Single ratio policy | 1000-1200 px long edge | Stable card layout and faster loads |
| Product detail imagery | Higher-detail variant + compression | 1600-2400 px long edge | Clear zoom without bloat |
| Social OG campaign art | 1200x630 with safe zones | Center-weighted composition | Consistent preview fidelity |
Before / After proof pattern Expand
Before
Uneven ratios, over-sized exports, and repetitive channel-specific rework.
After
Preset-based resizing/compression with platform-safe crop rules.
Typical outcome
Cleaner storefronts and quicker campaign asset turnaround.
Edge-case clinic 3 cases
| Issue | Cause | Fix |
|---|---|---|
| Catalog cards look uneven | Mixed aspect ratios in source uploads | Apply one ratio standard per storefront template. |
| Social previews crop key message | No safe-zone composition | Use center-safe text/brand zones in OG templates. |
| Teams keep re-exporting manually | No reusable presets | Create named presets per channel and enforce them. |
Who this is for
- Storefront teams managing large product catalogs
- Growth teams shipping social campaigns
- Designers preparing multi-channel image assets
What success looks like
- Standardize dimensions and quality across sales channels.
- Reduce rework from inconsistent exports.
- Ship cleaner previews and faster-loading media.
Tested on
- Storefront placements across common collection/PDP templates
- Social preview behavior using platform share validators
- Channel export checks across square, portrait, and wide placements
Scope and limits
- Platform UI crops and preview behavior can change without notice.
- Guide focuses on image delivery; copy and offer strategy are separate.
- Catalog-level gains depend on consistent operational adoption.
Key takeaways
- Channel-by-channel dimension table with use-case guidance
- Export workflow to reduce crop and text clipping issues
Common mistakes to avoid
- Using one export size for all channels and placements.
- Skipping preview checks before publishing campaigns.
- Not separating source-of-truth assets from delivery variants.
30-minute action plan
- 1 0-10 min: Define destination channel requirements and image specs.
- 2 10-20 min: Build export presets and test on sample assets.
- 3 20-30 min: Validate previews and document final delivery rules.
Recommended tool stack
Related guides in this track
Best Open Graph Image Size
Use platform-safe Open Graph dimensions so social previews look clean and clickable.
6 min read
Open Graph Meta Tag Checker Guide
Audit live Open Graph and X metadata, debug broken social previews, and fix the highest-impact issues first.
9 min read
Resize Images for Shopify and WooCommerce
Prepare Shopify and WooCommerce images with consistent sizing, better quality, and faster load times.
8 min read
Build a Brand Palette System
Turn one brand color into a production-ready palette with semantic tokens and accessibility checks.
9 min read
Execution depth
Fast Pass
15-20 min
Fix the highest-risk issue first and ship a validated minimum improvement.
Standard Rollout
45-60 min
Apply the full guide workflow with QA checks before publishing broadly.
Team Standardization
90+ min
Convert the workflow into reusable presets, checklists, and team operating rules.
| Troubleshooting Signal | Likely Cause | Recommended Fix |
|---|---|---|
| Product imagery looks inconsistent | Mixed dimensions and export settings | Standardize channel-specific presets and enforce them in workflow. |
| Social previews crop key content | Wrong canvas ratio or safe zone usage | Design with platform-safe dimensions and preview before posting. |
| Campaign assets take too long to ship | Manual one-off edits per channel | Use reusable templates plus batch resize/compress steps. |
Post-publish KPI checks
- Preview correctness across channels
- Time-to-publish for new asset batches
- Conversion-impacting image load time improvements
Detailed implementation blueprint
1
Channel Requirements
Map each destination channel to exact format, dimensions, and quality rules.
- List storefront, ad, and social placements with required ratios.
- Define safe text/logo zones to prevent platform-side cropping.
- Set per-channel payload targets for faster previews and loads.
Done when: You have a complete destination spec sheet for all high-value channels.
2
Preset Creation
Build reusable export presets to eliminate one-off manual edits.
- Create size/format presets for catalog, social, and ad variants.
- Validate each preset against real platform preview behavior.
- Document naming conventions so teams can find assets quickly.
Done when: Teams can generate channel-ready assets with minimal manual tweaking.
3
Publishing QA
Add preflight checks that catch errors before campaigns go live.
- Verify ratio, crop, and legibility in platform preview tools.
- Check payload limits and compress where needed without visual harm.
- Confirm final assets map to the right landing destinations.
Done when: First-publish success rate is high and preview errors are uncommon.
4
Scale & Improve
Operationalize the workflow for larger catalogs and faster campaign cycles.
- Batch process recurring asset sets using standard presets.
- Track channel-specific engagement and conversion differences by creative format.
- Update presets as platform requirements or campaign goals change.
Done when: Asset operations scale without quality drift or repeated rework.
Quality gate checklist
- Every channel has a validated export preset and ratio-safe template.
- Preview QA passes for crop, legibility, and branding visibility.
- Payload thresholds are met for fast storefront and social load.
- Published assets are traceable to campaign and destination intent.
Advanced wins
- Bundle channel presets with naming conventions for instant handoff.
- Use safe-zone overlay templates to reduce social crop surprises.
- Compare engagement by format/ratio combos to optimize creative strategy.
Execution next step
Run a primary tool action, review one companion guide, then apply the rollout checklist.
Use This Guide as the Spec Reference
This page is the operational handoff for dimensions and placement defaults. Use the neighboring guides when you need composition or sequence strategy, not another size table.
This guide
Reference + specs
Platform dimensions, aspect ratios, safe-zone reminders, and export targets.
Use instead for OG
Composition guide
Go to Best Open Graph Image Size when you need headline placement, crop safety, and preview composition rules.
Use instead for carousels
Sequencing + splitting
Go to Split Images for Social Carousels when the job is seam placement, swipe flow, or ordered panel exports.
Specs are not the last step
Once the correct social image is published on a live URL, run OG/Meta Tag Checker to validate that the page metadata and preview image delivery are actually aligned.
Visual Blueprint
Reference-to-Export Workflow
Use this as the production handoff: confirm the placement, pull the right spec, then export the correct variant.
1
Step 1
Pick exact placement
Decide whether this is feed, story, carousel, or link preview before design handoff.
2
Step 2
Use the platform spec
Pull the correct dimensions and aspect ratio from the reference table.
3
Step 3
Export channel variant
Generate one deterministic output per platform placement.
4
Step 4
Preview before publish
Validate crops and readability in native platform previews.
Campaign Execution Comparison
A size-and-safe-zone workflow avoids avoidable crop and readability failures.
Before: One-Size Exports
Risk: Crop failures- Single export reused across mismatched platform placements.
- Critical text falls into crop zones or UI overlays.
- Carousel pacing breaks because panels are not sequenced.
After: Channel-Ready Variants
Outcome: Platform fit- Each channel receives dimensions built for its preview model.
- Safe-zone framing keeps important content visible.
- Swipe sequences and link previews stay readable.
Guide Visual
Placement Board: Which Frame Are You Designing For?
This is the faster mental model than a generic tool screenshot: match the campaign asset to the preview shape first, then keep the message inside the safe center of that shape.
Instagram Feed
4:5 portrait
Keep headline in this center band
- Best when you want maximum feed real estate.
- Avoid edge CTA placement because portrait crops vary by app preview.
Square Post
1:1 square
Good for balanced copy and product framing
- Safest default when the same art may appear in multiple placements.
- Still keep logos and labels out of the outer margin ring.
Link Preview / OG
1.91:1 wide
Center headline and subject away from side crops
- Use this for shared links, not for the rest of the social size table.
- Wide crops punish edge text faster than most teams expect.
Story / Reel Cover
9:16 vertical
Keep key text out of top and bottom UI bars
- Vertical stories lose clarity fast when text rides the UI overlay zones.
- Design for the center third first, decorations second.
Rule of thumb
Choose the preview shape first, keep important copy inside the dashed safe zone second, and only then export the platform-specific variant.
Core Size Reference (Current Workflow Baselines)
Use these as operational defaults and re-check platform docs quarterly.
| Platform / Placement | Recommended Size | Aspect Ratio |
|---|---|---|
| Instagram feed portrait | 1080 x 1350 | 4:5 |
| Instagram square | 1080 x 1080 | 1:1 |
| X in-feed image | 1600 x 900 | 16:9 |
| LinkedIn share image | 1200 x 627 | ~1.91:1 |
| Facebook link preview | 1200 x 630 | 1.91:1 |
| Story/Reel cover baseline | 1080 x 1920 | 9:16 |
Last Verified and Sources
Last verified: March 6, 2026Platform dimensions change over time. Reconfirm high-impact placements with these official references before large campaign launches.
Recommended File Size Targets
- Feed posts: aim for 150-350 KB for fast in-app loading.
- Stories/Reels covers: usually keep under 500 KB when visual quality allows.
- Link previews (1200x630): target 200-400 KB for consistent fetch and display speed.
Start with quality-first exports, then reduce size progressively using Image Compressor until text and logos remain crisp.
Safe-Zone Rule
Keep key text/logo inside center-safe region to survive platform crop behavior.
- Leave generous edge padding on all four sides.
- Avoid placing CTA text near top/bottom story UI overlays.
- For 1.91:1 previews, keep critical text centered horizontally.
Export Stack Rule
One design source, multiple delivery variants.
- Design master at highest needed dimension.
- Generate channel variants using deterministic naming.
- Compress after resizing for final payload control.
Good vs Bad Safe-Zone Placement
These visual examples make crop risk obvious before campaign launch.
Good: Content inside safe zone
Preferred
Headline and CTA remain visible across feed, link preview, and carousel crops.
- ✓ Primary message stays centered and legible.
- ✓ CTA remains visible on smaller screens.
- ✓ Layout survives channel-specific crop behavior.
Bad: Critical text outside safe zone
Avoid
Edge-placed text gets clipped by platform UI and auto-cropping.
- ! Headline clipped in story and portrait placements.
- ! CTA hidden by app overlays or edge crops.
- ! Requires last-minute redesign across channels.
Mini Decision Tree
Use this when selecting social image variants quickly.
Which placement is this creative for?
If
Feed post with text-heavy design
Then
Use 1080x1350 (4:5)
Maximizes on-screen area in most feeds.
If
Link preview / OG sharing
Then
Use 1200x630 (~1.91:1)
Then use the OG guide for composition and crop safety.
If
Story or vertical reel cover
Then
Use 1080x1920 (9:16)
Keep text away from top/bottom UI zones.
If
Multi-panel educational post
Then
Use carousel sequence + safe-zone QA
Then move to the carousel guide for seam placement and slide roles.
Execution Workflow
- Create base design with safe zones.
- Generate OG/link preview images with Open Graph Image Generator.
- Produce platform size variants using Image Resizer.
- Split carousel sequences with Image Splitter where needed.
- Compress final exports and run preview checks before scheduling.
Examples by Use Case
- Product launch: 4:5 Instagram feed variant + 1.91:1 LinkedIn link preview from same campaign master.
- Content teaser: 1200x630 for web shares, 1080x1920 story cut for vertical promotion.
- Carousel education set: one stitched visual split into five 1080x1350 cards with consistent margin rhythm.
Frequently Asked Questions
-
Yes for best results. Different placements crop differently. A single universal image usually creates avoidable clipping and poor legibility.
-
It works for many link previews, but not for feed portraits, stories, and carousel-first workflows. Use placement-specific formats where possible.
-
At least quarterly and whenever a platform updates creative specs or preview behavior.
-
Ignoring safe zones and publishing without native platform preview checks.
Related workflow
Related Pages
Explore related tools to keep your workflow fast and consistent.
Keep moving
Open Graph Image Generator
Create share-ready link preview images quickly.
Open tool
Keep moving
Split Images for Social Carousels
Build seamless carousel sequences with proper dimensions.
Open tool
Keep moving
Best Open Graph Image Size
Focused guide for OG-specific dimensions and safe zones.
Open tool
Keep moving
Image Resizer
Generate final platform variants from one source file.
Open tool
