How to Get Social Media Image Dimensions Right

Getting social media image dimensions right sounds like a clerical job: look up a size, export, post. In practice it is where many carefully produced images go wrong. A product shot framed perfectly for a website hero turns up in a feed with the product cut in half. A Story graphic loses its headline under the profile bar. A pin arrives as a thin, easily scrolled-past strip. None of these are problems with the photograph itself. They come from a mismatch between the shape and size of the file and the shape of the space each platform gives it.

This guide is written for marketers, business owners and in-house design teams who publish across several platforms, and for the retouchers and designers who prepare the files. It is set out as a troubleshooting manual. Each section starts with a symptom you can see on screen, explains how to confirm it, walks through the likely causes and the fix, and ends with how to stop it happening again. The reference points are deliberately few and stable: Pinterest recommends a 2:3 aspect ratio for standard pins, Meta feeds support 4:5 vertical images, and Stories and Reels use a 9:16 vertical format. Everything else, including exact pixel recommendations, changes over time, so the working habit that matters most is checking the current specs before each campaign.

If you only remember one principle, make it this: aspect ratio decides what survives the crop, and pixel dimensions decide how sharp it looks. Most of the problems below come from confusing the two, or from sending one file to every placement and hoping the platform sorts it out.

Diagnosing social media image dimension problems at a glance

Before fixing anything, identify which failure you are actually looking at. Several symptoms look alike on a phone screen. A blurry image might be a resolution problem, a compression problem or an upscaling problem, and each has a different fix. A cropped face might be an aspect ratio mismatch, or it might be a correctly sized image with the subject placed too close to an edge. The table below maps the common symptoms to their usual causes and fixes, and the rest of the article goes through each one in detail.

Two diagnostic habits save a lot of time. First, always check the exported file's actual pixel dimensions and ratio in a file inspector rather than trusting a layer or artboard name; "Story_1080x1920" is only a label until you confirm it. Second, look at the posted result on a phone, not only in the scheduling tool's desktop preview. Most social feeds are consumed on mobile, and the crop, the overlays and the apparent sharpness can all look different there.

Symptom: faces and products are cut off in the feed

This is the most common complaint, and the easiest to recognize: the top of someone's head is gone, the product's label is sliced through, or a group shot loses the people at either end. Sometimes the post itself looks fine but the preview thumbnail or grid tile crops it badly.

How to confirm it

Compare the ratio of the file you uploaded to the ratio of the placement. A photograph straight out of most cameras is 3:2 landscape; many phone photos are 4:3; video frames are 16:9. None of those match a 4:5 vertical feed slot. When the file and the slot disagree, the platform either crops the image to fit, shows it smaller with space around it, or asks the user to choose a crop during upload. If the person uploading accepted a default center crop, anything near the edges is at risk.

Likely causes

• One image for every platform. A single landscape master was uploaded everywhere, so each platform cropped it its own way.
• Composition with no margin. The subject was framed tightly in camera, leaving nothing to crop into when a vertical version was needed.
• Automatic cropping in the scheduling tool. Some publishing tools crop to fit without showing you the result clearly.
• Off-center subjects. A rule-of-thirds composition that looks elegant in landscape puts the subject right at the edge a vertical crop removes.

The fix

Go back to the high-resolution master and make a deliberate crop for each placement. For a vertical Meta feed post, crop to 4:5 and position the crop box by hand so the subject sits comfortably inside it, with some breathing room above the head and below the product. Do not accept the default center crop if the subject is off-center. If the original framing is too tight to produce a clean vertical crop, you have three options, in order of preference: use a different frame from the same shoot that has more space, extend the background with careful retouching, or use a square crop and accept a smaller footprint in the feed. Extending a background is legitimate for plain studio backdrops and simple environments; it becomes risky when the extension has to invent product detail, people or text, and it should never alter what the product actually looks like.

How to prevent it

Prevention starts before the shoot. If you know the images will run in vertical feeds, Stories and pins, ask the photographer to shoot looser than usual, leaving space around the subject, and to capture some frames in portrait orientation. Put this in writing; a clear brief is the cheapest crop insurance there is, and our guide to writing image briefs for retouchers covers how to specify crops and output sizes so nothing is left to interpretation. After the shoot, crop each placement separately rather than relying on one master crop.

Symptom: text and logos are clipped in Stories and Reels

A Story looks perfect in the design tool. Once published, the brand name sits under the profile picture and account name, the offer line is hidden behind the reply bar, or the call to action is covered by the caption and buttons in a Reel. The image is the right size; the layout ignores what the interface draws on top of it.

How to confirm it

Post a test to a private or test account, or use the platform's preview, and look at it on a phone. Watch for anything in the top and bottom bands of the frame. In Reels, also check the right-hand side, where action buttons sit, and the lower portion, where captions and audio labels appear. If your key message overlaps any of these, it is a safe-area problem rather than a sizing problem.

Likely causes

• The layout was designed edge to edge on a 9:16 canvas with no safe-zone guides.
• A 4:5 feed design was placed on a 9:16 canvas and scaled up to fill it, pushing text toward the edges.
• A landscape video frame or image was center-cropped to 9:16, cutting side text in half.
• Different phones have different screen shapes, so an overlay that clears the text on one device covers it on another.

The fix

Rebuild the layout on a native 9:16 canvas. A common working size is 1080 by 1920 pixels, which is simply 9:16 at a 1080-pixel width; confirm the currently recommended size in the platform's own documentation. Then add guides for a safe zone. Platforms publish their own safe-zone guidance and it changes, so treat any number you have seen elsewhere as a starting point. A conservative convention many teams use is to keep headlines, logos, prices and calls to action out of roughly the top and bottom 250 pixels of a 1920-pixel-tall frame, and away from the right edge in Reels. Background imagery can run to the edges; only the critical content needs to stay inside the guides.

Consider the reading order as well. In a Story, the eye lands in the middle of the screen first. Put the product or message there, keep type large enough to read at arm's length, and avoid thin fonts that disappear after compression.

How to prevent it

Build a 9:16 template with the safe zones drawn as locked guide layers, and make it the only starting point for Story and Reel artwork. When the platform updates its guidance, update the template once rather than relying on every designer's memory. Our practical guide to social image templates walks through how to set these templates up so they stay consistent across a team.

Symptom: images look soft, blurry or blocky after upload

The file looked crisp on your monitor, yet once posted it looks soft, or fine detail such as fabric texture, hair and small type breaks up into blocks, halos or smears. This is often blamed on "the platform ruining quality", and sometimes that is partly true, but the causes are usually within your control.

How to tell the three causes apart

Too few pixels

The whole image is uniformly soft, edges are fuzzy but there are no blocky artifacts. The file was smaller than the display size and was enlarged by the platform or by you.

Upscaling

Edges look smeared or oddly smooth, textures look painted. Someone enlarged a small image to reach a required size, often from a web-sized file or a screenshot.

Compression

Blocky squares in smooth areas like skies and gradients, halos around text, color banding. The file was compressed hard at export, or the platform recompressed a large file.

Likely causes

• Exporting from a web-sized copy rather than the high-resolution master.
• Screenshots of designs used as final assets.
• Exporting far larger than the platform displays, so the platform downsizes and recompresses aggressively.
• Exporting at a low quality setting to hit an arbitrary file-size target.
• Re-saving a JPEG several times, which compounds compression damage with every save.

The fix

Export fresh from the layered or high-resolution master each time, at the width the platform currently recommends for that placement. Resize in one step with a good resampling method and apply output sharpening after resizing, not before, because sharpening applied to the full-size file is largely lost when it is reduced. For photographs, a high-quality JPEG is normally the right choice. For flat graphics with fine text, sharp lines and large areas of solid color, PNG can hold edges better where the platform accepts it, though some platforms convert uploads regardless. Our article on image compression and quality settings explains how to choose formats and quality levels without guessing.

How to prevent it

Store masters at full resolution in a predictable location, and make "export from the master" a rule rather than a suggestion. Name exports with the placement and version so nobody has to guess which file is current. A clear system for versioning image files prevents the situation where a heavily compressed third-generation copy quietly becomes the file everyone uses.

Symptom: people and products look stretched or squashed

Faces look slightly wider than they should, a round product looks oval, text characters look condensed, or a bottle appears taller and thinner than it is. The distortion is often subtle, around five to fifteen percent, which is exactly why it gets through: nobody notices until a customer does, or the product looks cheaper than it should.

How to confirm it

Check for circles and known shapes: wheels, plates, logos, eyes, the product's own packaging. Compare the posted image side by side with the master at the same height. If the ratio of the file matches the placement but the content looks distorted, someone scaled width and height independently to fill the frame.

Likely causes

• Dragging a transform handle without the proportional lock in a layout or design tool.
• Template placeholders set to "fill frame" or "stretch" rather than "fill proportionally".
• Batch resizing scripts or export presets that force exact dimensions without cropping.
• Video or motion templates that stretch still images to fit a different frame.

The fix

Discard the distorted file and rebuild it from the master. To change a ratio, you have three honest options: crop, extend the canvas with background (retouched or a solid color panel), or place the image inside a layout with a border or background area. Stretching is never one of them. Where an entire batch was produced by a script, fix the script's resize logic to scale proportionally and then crop, and rerun the batch rather than hand-correcting individual files.

How to prevent it

Lock aspect ratios in templates, set placeholder frames to fill proportionally, and include a distortion check in your review step. For product imagery in particular, distortion is not just an aesthetic issue: a product that looks different online than it does in the box creates returns and complaints. The same principle applies on marketplaces, which have their own size rules, as covered in our practical guide to image editing for marketplaces.

Symptom: pins look undersized or get truncated

On Pinterest, a pin made from a landscape or square photo sits in the grid as a small tile next to taller pins that take up more of the screen. At the other extreme, an extremely tall graphic may be cut off in the feed, with the bottom hidden until someone opens it.

How to confirm it

Look at the pin in the feed on a phone next to other pins in the same category. If yours is visibly shorter, the ratio is working against you. If the bottom portion, often where the brand or call to action sits, is hidden until the pin is opened, the ratio is too tall for the feed.

Likely causes

• Reusing the same square or landscape crop made for another platform.
• Making very long infographics without checking how the feed displays them.
• Placing the brand name at the very bottom of the pin where it is most likely to be hidden or overlooked.

The fix

Create a dedicated 2:3 vertical crop for standard pins, which is the ratio Pinterest Business recommends in its product specs. A common working size at that ratio is 1000 by 1500 pixels; check the current specs for the recommended figure. If the pin carries text, put the main message in the upper two-thirds, where it is seen first, keep the type large, and treat the bottom portion as supporting space rather than the place for the only mention of the brand.

How to prevent it

Add a 2:3 crop to your standard deliverables list for any campaign that includes Pinterest, and plan for it at the shoot: a vertical 2:3 crop from a 3:2 landscape master leaves only a narrow central strip of the original, so portrait-orientation frames are often the better source.

Symptom: previews, grids and link cards crop differently from the post

The post itself looks right, but the thumbnail on the profile grid cuts off the headline, the link preview for a shared article shows the wrong part of the image, or the ad preview in the manager looks different from the one on a phone. This category is frustrating because the same image appears in several different frames on the same platform.

How to confirm it

List every place the image will appear: feed, profile grid, link preview, ad placement, search results, message previews. Then look at each one. Many profile grids show a crop that differs from the full post, and link previews often use a wide landscape crop of whatever image is attached to the web page.

Likely causes

• Designing only for the post view and never checking the grid or thumbnail.
• Placing text near the top or bottom of a vertical post, where a grid crop removes it.
• Web pages without a dedicated sharing image, so platforms pick whatever image they find, at whatever ratio.
• Ads that run across automatic placements, each with its own crop.

The fix

For organic posts, keep the subject and any text near the center so both the full post and the grid crop work. Some platforms let you adjust the grid thumbnail separately; use that where it exists. For link previews, make sure every page you share has a dedicated sharing image set in its metadata at a landscape ratio, with the subject centered. For ads, use the placement-specific asset options in the ads manager rather than letting one image fill every slot; the Meta Business Help Center documents the current ratios and recommendations for each placement, and they differ between feeds, Stories and Reels. Our guide to image editing for social ads goes further into preparing placement-specific ad creative.

How to prevent it

Make "check every surface" part of the publishing routine: the post, the grid, the preview on the device most of your audience uses, and, for ads, each placement. Keep a short list of surfaces per platform in your template notes so nobody has to remember them.

Symptom: sizes that worked last quarter now look wrong

A template that produced clean results for a year now gives slightly off crops, a new overlay covers part of the design, or a new placement shows the image at a ratio nobody planned for. Nothing in your process changed; the platform did.

How to confirm it

Compare your template's sizes and safe zones with the platform's current guidance, not with a size chart you bookmarked or a blog post from a previous year. Look at the date on any third-party chart you rely on. If it predates the last platform redesign, assume it is out of date.

Likely causes

• Relying on outdated size charts, especially third-party infographics that are shared long after they stop being accurate.
• Templates built once and never reviewed.
• New placements or interface changes that add overlays or change grid crops.
• Different team members working from different reference documents.

The fix

Nominate one person to own the specs. Before each campaign, that person checks the platform's own documentation for every placement in the plan, updates the templates, and notes the check date in the template file or the campaign brief. When the guidance has changed, the old templates are archived rather than left alongside the new ones, so nobody picks up the wrong version.

How to prevent it

Treat specs as living data. Keep a single internal reference, owned by one person, with a "last checked" date on every entry. Build your masters and crops so they can be re-exported quickly if a ratio changes; if your workflow depends on layered files and saved crop settings, a spec change means a new export, not a redesign.

Symptom: colors look dull, shifted or different on phones

This is not strictly a dimensions problem, but it shows up in the same review and is frequently misdiagnosed as one. Skin tones look slightly gray or orange, brand colors look off, or the image appears flatter than it did in the editing software.

Likely causes

• Exporting in a wide-gamut color profile such as Adobe RGB or ProPhoto without converting, so the image is interpreted incorrectly or converted poorly.
• Stripping the embedded color profile at export.
• Editing on an uncalibrated monitor, so adjustments that looked right were wrong.
• Very high brightness or contrast settings on the editing display that do not reflect typical phone viewing.

The fix

Convert final social exports to sRGB and embed the profile. Check the result on at least two phones, because devices differ. If the problem is persistent across many images, look at the editing environment: an uncalibrated display will push every edit in the wrong direction. Our practical guide to monitor calibration for image editing covers how to set up a display so the edits you make are the edits your audience sees.

Worked example: one product shoot, six social placements

The following is an illustrative example, not a client project. It shows how the arithmetic and the decisions work when one shoot has to supply many social media image dimensions. The pixel sizes used are common working sizes at each ratio; always confirm the currently recommended sizes before exporting.

A skincare brand shoots a new serum on a plain backdrop. The camera produces 6000 by 4000 pixel files, a 3:2 landscape ratio. The campaign needs a vertical Meta feed post, a Story and a Reel cover, a Pinterest pin, a square post for a secondary channel, and a landscape link preview image for the product page.

Three things stand out. First, resolution is not the constraint: even the narrowest crop, 2250 by 4000, is more than twice the pixels needed for a 1080 by 1920 export in each direction, so there is room to reposition and still downsample cleanly. Second, composition is the constraint: the 9:16 crop keeps only 38 percent of the frame's width. If the serum bottle and its reflection were placed on a rule-of-thirds line in the landscape frame, a 9:16 crop centered on the bottle leaves very little background on one side, and any props at the edges are gone. Third, the link preview uses the full width but loses about a fifth of the height, so the top of a tall bottle in the original frame may be cut.

The practical plan that follows from this arithmetic:

In this example the brand ends up with five deliverables per hero image. If the campaign has eight hero images, that is 40 files before any text variants or languages, and multiplied across two or three headline variants for testing, well over 100. This is the point at which the question of doing it in-house or with help becomes real, which is covered below.

Preventing dimension problems: a production workflow that holds up

Most of the fixes above share a root cause: dimensions were treated as a final export step rather than a planning decision. The teams that rarely have cropping problems make the ratios part of the brief, the shoot and the templates, and then check the results where the audience will see them.

Plan the deliverables before the shoot

List every placement the campaign will use, with its ratio, and include it in the brief. This single step changes how the photographer frames the shots and how much space they leave around the subject. It also tells you how many files you will need, which affects scheduling and budget.

Keep masters and crops separate

The master is the high-resolution, retouched, color-corrected file. Crops are derived from it. Never edit a crop in a way that should have been fixed on the master, because the fix then has to be repeated on every other crop. A consistent folder and naming structure, of the kind described in our article on organizing image libraries by product, makes it clear which files are masters and which are outputs.

Review with a checklist, on a phone

A short, consistent review catches almost everything in this article. Our article on image quality control checks goes into how to build review into a production process, and the checklist below is a social-specific version you can use as it stands.

Decide what to keep in-house and what to hand off

Handling a few posts a week in-house is straightforward with good templates. The workload changes when a campaign needs many sizes from one shoot: several hero images, each in four to six ratios, with text variants, sometimes in more than one language, and all needing retouching and consistent color. That is when bringing in help makes sense, because the work is repetitive, deadline-driven and easy to get slightly wrong at volume. A studio can take the retouched masters and produce the full crop set to a spec sheet, or build the templates your team will then use themselves. Our social media graphics service covers both.

Where this comes from

• Pinterest Business — Pinterest product specs
• Meta Business Help Center — Meta Ads Guide

The figures and practices above come from the sources listed.

Working on something like this?

We take on Image Editing & Retouching work for teams who want it done once, properly. Tell us what you are building and we will tell you honestly whether we are the right studio for it. Start a project.

Where to go next

• Optimizing SVG Files: What Actually Works
• Retouching Style Guides for Brands, Done Properly