You upload a graphic that looked sharp in Canva or Figma. Then it lands on Facebook with the headline chopped off, on Instagram with the bottom covered by interface buttons, and on X with the crop centred on the least useful part of the image. Nothing about the design changed. The platform did.
That’s why social media image sizes aren’t a fiddly design detail. They’re an operational requirement. If the file shape, dimensions, and export settings don’t match the placement, the platform will make choices for you. Usually bad ones.
I see this most often when a team builds one “master” asset and pushes it everywhere. It sounds efficient, but it usually creates rework, weakens the message, and makes the brand look less organised than it is. The better approach is to understand why each size exists, then build a workflow around those constraints so your images survive resizing, compression, and mobile display.
Why Your Social Media Images Look Wrong
The failure usually shows up after upload, but it starts much earlier.
A team signs off one square graphic, exports it once, and pushes it to Stories, Reels, LinkedIn, Facebook ads, and organic posts. Every placement accepts the file. Every placement then handles it differently. The crop shifts, the text wraps badly, the subject gets pushed toward the edge, and interface elements cover the part that was meant to do the selling.
Platforms make those adjustments for practical reasons. They need images to load fast, fit mobile screens, and sit neatly inside feeds built from mixed formats. That is why image size is not just a design spec. It affects what people can read and recognise before they scroll past.
Three problems cause the majority of bad social image renders:
- The aspect ratio is wrong, so the platform crops the image to fit the placement.
- The file is exported too small, so the platform enlarges it and detail drops.
- The key content sits in unsafe areas, so captions, buttons, profile icons, or UI overlays block it.
I see this in client accounts every week. Many creative complaints start as formatting problems, not messaging problems.
That distinction matters because formatting failures waste more than design time. They reduce readability, weaken click-through, and create avoidable rework across paid and organic teams. A product launch image with the price clipped off will underperform for obvious reasons. An event post with the date buried under Story interface elements can turn a good campaign into a support problem.
Safe areas are the part teams skip most often. Vertical content is especially unforgiving because platforms place controls and metadata over the image. If you publish announcements, sermon clips, or community updates, you need to protect the centre of the frame and keep critical text out of the top and bottom zones. That is particularly important if you want to ensure your church's message is seen in Reels and other full-screen placements.
The good news is that this is fixable. Once the aspect ratio, export size, and safe zone match the placement, image quality problems drop fast.
The 2026 Social Media Image Size Cheat Sheet
If you need the main specs quickly, use this as your daily reference. These are the dimensions I reach for most often because they cover the placements teams publish into again and again.
The rest of the guide explains the trade-offs behind them. That part matters, because the right size alone won’t save a badly framed design.
| Platform | Image Type | Recommended Dimensions (px) |
|---|---|---|
| Page cover photo | 851 x 315 | |
| Feed image portrait | 1080 x 1350 | |
| Feed image landscape | 1200 x 630 | |
| Stories and Reels | 1080 x 1920 | |
| Feed image portrait | 1080 x 1350 | |
| Feed image square | 1080 x 1080 | |
| Stories and Reels | 1080 x 1920 | |
| X | In-stream image | 1600 x 900 |
| X | Header image | 1500 x 500 |
| Feed image square | 1200 x 1200 | |
| Feed image landscape | 1200 x 627 |
A few quick rules make this table more useful in practice:
- Use portrait where feed space matters: On Facebook and Instagram, taller images usually command more screen space than square posts.
- Use vertical full-screen for immersive formats: Stories and Reels need a native 9:16 canvas, not a feed image stretched to fit.
- Treat headers separately: Cover and header images behave differently from feed creatives because device-specific crops are more aggressive.
Core Principles for Perfect Social Media Images
A design can be the "right size" on paper and still fail the moment it hits a live feed. The usual cause is not one mistake. It is a breakdown between canvas choice, export settings, and how each platform rewrites the file after upload.
The teams that avoid constant rework treat image sizing as a production workflow, not a lookup task.
Shape controls the crop
Aspect ratio decides what survives on screen. Resolution only affects how clean it looks after the platform finishes processing it.
A 4:5 post, a 1:1 square, and a 9:16 story can all be sharp. Use the wrong shape for the placement and the platform will crop first and ask questions never. That is why a perfectly designed square feed graphic often loses the headline when someone repurposes it for Stories.
I advise clients to choose the canvas before they build the layout. That one decision prevents a lot of rushed fixes later, especially when the same campaign needs feed posts, story assets, and paid placements. If your team also adapts organic creative for paid campaigns, it helps to align this step with your Facebook ad creative workflow so the crop logic stays consistent.
Clarity starts at export
Blurry social images are often exported badly, not designed badly.
Platforms compress uploads. If the file is too small, they enlarge it and softness shows up fast around text, faces, and product edges. If the file is oversized or poorly compressed before upload, the platform may compress it again. You lose detail twice.
The file format matters because different creative breaks in different ways:
- JPG: Best for photographs, lifestyle shots, and visuals with gradients or soft tonal changes.
- PNG: Better for graphics with text, logos, screenshots, UI elements, and sharp contrast.
- WEBP: Efficient in many web workflows, but less predictable across design tools, schedulers, and approval processes, so many social teams still export final assets as JPG or PNG.
A simple rule works well in practice. Export for the weakest part of the creative. If the image contains small text or crisp interface elements, protect those first.
Compression changes performance
After upload, platforms often apply significant compression. That is why the same file can look clean in your design tool, acceptable in preview, and slightly damaged once published.
This creates a trade-off. JPG usually gives you a smaller file and faster loading. PNG often preserves edges and text better, especially on graphics-heavy posts. Neither format wins every time, so habit is a poor decision-maker.
Practical rule: Match the file type to the content, then test the published result on an actual phone.
For photography-led creative, JPG is usually the safer default. For offers, diagrams, quote cards, app screenshots, or any design where clarity of text affects response, PNG often holds up better. The extra file weight can be worth it if the alternative is a fuzzy call to action.
Safe layout matters as much as dimensions
Correct dimensions do not protect a bad layout.
Social platforms add overlays, crop differently by device, and shift previews between placements. A design that looks balanced in a desktop mockup can hide the logo behind interface chrome on mobile, or cut off the last line of a headline in a link preview.
Keep important content away from the edges. Give faces, product shots, prices, and headlines breathing room. Build the composition so the main message still reads if the top, bottom, or sides get trimmed slightly.
That is the standard I use with clients. If the image still works after the platform interferes, it is ready to publish.
Complete Facebook Image Size Guide
Facebook is still one of the easiest places to waste good creative. The platform supports multiple shapes, but it also resizes aggressively across feed, page, mobile, desktop, Stories, Reels, and ads. If you don’t design for the placement, Facebook will improvise.
Page cover and feed images
For business pages, the recommended cover photo is 851 x 315 pixels, and it displays at 820 x 312 on desktop and 640 x 360 on smartphones, according to Sprout Social’s social media image sizes guide. That difference matters because the crop emphasis shifts by device. If you place text too close to the edges, it can look balanced on desktop and awkward on mobile.
For feed posts, 1080 x 1350 pixels is the strongest default for most campaigns. The same Sprout Social guidance notes that this 4:5 vertical format outperforms square formats by 15-20% in click-through rates. That’s not because portrait is magically better. It’s because it takes up more space in the feed without becoming cumbersome for users to scan.
Use 1200 x 630 pixels when you need a horizontally oriented asset for shared links or broader campaign reuse.
Stories and Reels on Facebook
Facebook Stories and Reels use a 1080 x 1920 vertical canvas. Don’t drop a feed graphic into that shape and hope it survives. It won’t.
When I’m adapting a campaign from feed to Story or Reel cover art, I rebuild the composition rather than stretch the original. The headline moves up. The callout moves inward. Decorative elements get reduced. The point is to preserve the message, not the original layout.
If you’re also running paid campaigns, the creative logic overlaps with ad production. This guide to creating Facebook ads that fit the platform properly is useful if you want the image dimensions and the ad build process to work together rather than compete.
What actually works on Facebook
Three habits reduce most Facebook image issues:
- Design mobile-first: Facebook still appears across devices, but the most punishing crop decisions usually show up on mobile.
- Prioritise one message: The more text blocks you cram into a feed image, the worse the post handles compression and scaled previews.
- Build variants, not one master: A page cover, feed post, and Story asset shouldn’t be the same file with cosmetic edits.
One practical walkthrough is worth watching if your team keeps running into avoidable formatting mistakes:
Facebook rewards clarity. If a user has to squint, zoom, or mentally reconstruct the crop, the creative has already lost.
Complete Instagram Image Size Guide
Instagram is less forgiving than often assumed. The platform may look visually simple, but every placement has its own behavioural rules. Feed posts need to earn attention in a crowded scroll. Stories need to survive interface overlays. Reels need to feel native, not adapted from older campaign artwork.
Feed posts and the grid
The default recommendation for feed posts is simple. Use 1080 x 1350 pixels for portrait and 1080 x 1080 pixels for square. In practice, portrait is the stronger choice for most brands because it occupies more of the screen while the user scrolls.
That doesn’t mean square is obsolete. Square still works well for product catalogues, quote cards, and carousels that need strong visual consistency. But if the goal is feed visibility, portrait usually gives you more room for the same message.
There’s one catch people miss. Instagram’s profile grid still presents content in a square context, so the centre composition matters. If your headline or product detail sits too high or too low in a 4:5 design, the feed post may look fine while the grid preview looks awkward.
Stories and Reels need a different mindset
Instagram Stories and Reels both use 1080 x 1920 pixels, and optimised Stories drive 35% higher completion rates among UK 16-34-year-olds, according to Hootsuite’s social media image size guide. The same guidance notes that safe zones matter. Leave 14% at the top (250px) and 20% at the bottom (340px) clear of critical text so overlays don’t bury the message.
That safe-area discipline matters even more because Reels have become central to the platform. Hootsuite also notes that Reels, launched in the UK in 2020, now account for 50% of time spent on the platform by 30 million UK users.
If a Story or Reel looks perfectly centred in your design file, it’s probably too close to an interface element after upload.
Carousels and video-adjacent assets
Carousels reward consistency. If one slide is square and the next is effectively designed as portrait with tight margins, the sequence feels uneven even when the platform accepts it. Keep all slides in one ratio and align headline, image, and CTA zones from card to card.
For video-heavy workflows, static cover images and thumbnails often get ignored until the last minute. That’s a mistake. A weak cover can make a strong Reel look sloppy before anyone presses play. If you need a practical companion resource for motion assets, this Instagram video format guide is useful alongside your static image specs.
And if Instagram is feeding traffic back to your site, embedding the platform cleanly matters too. This guide on how to embed Instagram on a website helps connect content presentation with off-platform journeys.
Complete X (Twitter) Image Size Guide
X is fast, crowded, and unforgiving. Your image has to communicate almost instantly, because users scan rather than study. That changes how social media image sizes behave in practice. Precision matters, but so does restraint.
In-stream images and headers
For feed visuals, 1600 x 900 pixels is the safest working size. It fits the platform’s visual rhythm well, especially for campaign graphics, screenshots, article promotion, and simple branded illustrations. Wider compositions tend to preview more cleanly than tall assets on X because the feed still favours a broad, horizontal glance.
Header graphics are different. Use 1500 x 500 pixels for the profile header, and don’t treat the full canvas as equally safe. X’s crop logic can vary across devices and account views, so the centre area does more work than the edges.
What to avoid on X
X punishes overdesigned graphics.
A Facebook-style promo image packed with badges, tiny subheads, logos, and legal text usually performs badly here because users don’t pause long enough to decode it. Cleaner visuals win. Strong contrast helps. So does one clear focal point.
A few practical habits improve results:
- Keep text brief: If the image needs a paragraph, move the detail into the post copy.
- Use generous margins: Tight edge placement increases the chance of awkward preview crops.
- Test multi-image posts carefully: The platform changes layout depending on how many assets you attach, so the first image has to work both alone and in a grouped arrangement.
X rewards immediate recognition, not visual complexity.
Link preview behaviour can also be inconsistent when metadata is weak, so if website traffic matters, don’t rely on the auto-pulled image alone. Build a dedicated in-stream asset when the campaign is important.
Complete LinkedIn Image Size Guide
LinkedIn is where image quality subtly influences credibility. People won’t always tell you a company page looks slightly off, but they notice when banners crop badly, post graphics look soft, or article images feel generic. On a professional platform, polish signals competence.
Feed images that look deliberate
For regular feed posts, use 1200 x 1200 pixels for square or 1200 x 627 pixels for horizontal format. Those two formats cover most B2B use cases well. Squares are tidy and versatile. Horizontal format posts work especially well for link-led thought leadership, webinar promotion, and company updates that need a wider composition.
PNG often deserves more attention on LinkedIn than it gets. If you’re publishing charts, product screenshots, event slides, or text-heavy visuals, sharper edges can make the difference between “clean” and “compressed”.
Personal profiles and company branding
LinkedIn also has a split personality. Personal profiles and company pages serve different goals, so their visuals should too.
A founder’s banner should support positioning and clarity. A company page header should reinforce brand recognition. The mistake I see most often is trying to use the same artwork for both. The crop and context are different, so the message lands differently too.
Useful checks before upload:
- Readability first: Small text that survives on a desktop monitor may become decorative noise on mobile.
- Professional spacing: LinkedIn responds well to cleaner composition and stronger negative space than entertainment-led platforms.
- Preview in context: Screenshots and carousels should be checked inside the post composer, not just in the design tool.
If you want a companion resource focused specifically on platform layouts and branded assets, OKZest has a helpful reference for LinkedIn graphic sizes.
Image Sizes for Pinterest TikTok and YouTube
These platforms need a different planning mindset. Pinterest rewards vertical discovery. TikTok expects full-screen native behaviour. YouTube lives and dies on the thumbnail.
Pinterest and TikTok
Pinterest works best when the design feels built for a tall, scrolling catalogue of ideas. Vertical images generally suit the platform better than broad horizontal layouts because they own more visual space in the feed and align with browsing behaviour. If you’re repurposing content from Instagram, portrait assets often adapt more naturally here than horizontally oriented creatives from LinkedIn or X.
TikTok is simpler in one sense and stricter in another. Full-screen vertical is the native language of the platform. If your creative was originally built for square or horizontal placements, the adaptation usually feels obvious to the viewer. The text sits awkwardly, the framing feels inherited, and the whole post looks like a repost from somewhere else.
YouTube and the click decision
YouTube’s most important static image is the thumbnail.
A good thumbnail doesn’t just look attractive. It sets an expectation. If the thumbnail promises one thing and the opening seconds of the video deliver another, viewers feel that mismatch immediately. If the thumbnail is cluttered or low contrast, strong video content can still be ignored.
For practical work, I treat YouTube graphics as editorial packaging:
- The subject must be obvious at a glance
- Text should support, not narrate
- Contrast matters more than decoration
- Consistency across a series helps recognition
Channel art matters too, but not as often as marketers think. Thumbnails are updated constantly and banners occasionally. So if you’re prioritising effort, spend it where users make the click decision.
On YouTube, the thumbnail is often the real first impression. The video starts second.
Your Foolproof Workflow for Perfect Images Every Time
A post can look perfect in the design file, then go live with cropped text, soft logos, and awkward framing. That usually is not a design problem. It is a workflow problem.
Build template sets instead of one-off files
Teams that publish regularly need a small set of master templates, not a growing pile of resized duplicates. In practice, four core formats cover most needs: portrait feed posts, square posts, horizontal graphics, and full-screen vertical assets for Stories, Reels, TikTok, or Shorts.
Set these up once in Canva, Figma, or Adobe Express, then protect the parts people tend to break under deadline pressure.
Each template should include:
- Safe margins: Keep text, logos, and faces away from the edges where platform UI or crop shifts can interfere.
- Typography hierarchy: Pre-set headline, supporting text, and CTA placement so every post does not need layout decisions from scratch.
- Brand controls: Lock logo use, colours, corner treatment, and image styles to keep output consistent across campaigns and team members.
This saves more than design time. It cuts approval rounds, reduces formatting mistakes, and makes handoff between design and scheduling much cleaner.
Export for the placement, not just the campaign
A strong design can still fail at export.
Use sRGB. Export at the correct dimensions for the destination placement. Name files by platform and format, not just by campaign name. "Spring-sale-linkedin-square" is easier to manage than "final-v3-new".
That structure matters because social teams rarely publish one asset in one place. The same campaign often needs a feed post, a Story, a sponsored placement, and a scheduler preview. If files are organised by use case, the wrong image is less likely to get posted to the wrong slot.
Keep the workflow simple:
- Start from the correct master template
- Swap in campaign copy and imagery
- Export for the exact placement
- Save with a clear naming convention
- Upload and preview before scheduling
Add a final pre-publish check
The last two minutes prevent the expensive mistakes.
Before anything goes live, check the asset where people will see it: on mobile, inside the platform preview, and inside the scheduler if one is involved. A file can look fine in a design tool and still break once the platform applies its own crop or compression.
Use a short QA checklist:
- Preview on mobile first
- Check that text and logos stay inside safe areas
- Confirm the file matches the placement
- Zoom in to inspect sharpness
- Make sure the scheduler has not altered the crop
If several people touch content before it publishes, document this process. A shared social media planning template helps tie content goals, asset ratios, approvals, and publish dates together before the creative reaches the scheduler.
The practical goal is consistency. Good image performance usually comes from fewer avoidable errors, faster approvals, and a repeatable system the team can follow without guessing.
Troubleshooting Common Social Media Image Problems
A post goes live. The design looked sharp in Canva, the scheduler preview looked acceptable, then the published version is soft, cropped, or strangely washed out on mobile. That usually points to a file-prep problem, not a random platform glitch.
Why your image looks blurry
Blur usually comes from three places. The file was exported below the display size, it was saved with aggressive compression, or the platform compressed it again after upload. Text-heavy creative shows the damage first because softened edges make headlines, prices, and icons look cheap fast.
Start by checking the export dimensions against the placement you used, not the placement you designed first. Then check file type. JPG is fine for photography, but graphics with text, flat colours, or UI elements often hold up better as PNG.
If the image still looks soft, inspect the source asset too. A low-resolution product cutout dropped into a correctly sized template will still publish blurry.
Why your image is being cropped oddly
Odd cropping usually means the platform is forcing your file into a different visible frame than the one you designed for. The upload may be accepted, but the feed preview, profile view, and mobile display can all trim the image differently.
Headers and cover images are common problem areas because interface elements shift by device. Profile photos, buttons, and app chrome can cover parts of the design even when the dimensions are technically correct. Keep logos, faces, offers, and text away from the outer edges. For wide-format assets, the safest habit is to keep the important content concentrated near the middle.
If a crop keeps breaking, do not keep nudging the same file and hoping for a better result. Export a placement-specific version with more padding and preview it on mobile before scheduling.
Why colours change after upload
Colour shifts usually come from profile mismatches or heavy editing that does not survive platform compression. Files built with print settings or wide-gamut profiles can look different once a social app converts them for web display.
Use a simple check process:
- Export in sRGB: This is the safest colour profile for social platforms.
- Reduce extreme contrast and saturation: Strong edits often become harsher after compression.
- Check the image on an actual phone: Desktop monitors often hide problems that stand out on mobile screens.
Small colour shifts are common. Big shifts usually mean the export settings were wrong.
Why one design does not work everywhere
Because each placement solves a different job.
A Facebook feed ad, an Instagram Story, a LinkedIn company update, and an X header all frame content differently and compete with different interface elements. A design that works in one placement can fail in another even if the message is the same. The usual failure points are text that becomes too small, a focal point that gets cropped, or a file that loads slower because it is larger than it needs to be.
Treat image sizes as a performance setting, not just a design spec. The right dimensions protect readability, preserve branding, and reduce the chance that the platform will reinterpret your file on upload.
If you want a faster way to compare social media tools, design platforms, automation software, and workflow add-ons in one place, The Digital Marketing Toolbox is worth bookmarking. It helps agencies, small businesses, and in-house teams find practical tools for planning, creating, scheduling, and improving digital campaigns without wasting time on scattered research.
