Social Media Resizer — One-Click Platform Presets
Resize any photo to the exact pixel dimensions each social platform currently publishes (verified 2026): Instagram feed square 1080×1080, portrait 1080×1350 (Instagram's default since 2026, per the help.instagram.com sizes guide), landscape 1080×566, story / reel 1080×1920 (9:16); X (formerly Twitter) header 1500×500 (3:1), profile 400×400, in-feed post 1200×675; Facebook OG / share image 1200×630; LinkedIn personal banner 1584×396 (4:1), single-image feed post 1200×627; YouTube video thumbnail 1280×720 (16:9, JPG / GIF / PNG, ≤ 2 MB on mobile uploads or 50 MB on desktop per support.google.com/youtube/answer/72431). The crop+resize pipeline runs locally via the WHATWG Canvas 2D Context drawImage() API: the source is centre-cropped to the platform's aspect ratio first, then drawn to a target canvas at the platform's exact pixel dimensions with imageSmoothingQuality = 'high' (Lanczos-class kernel per Duchon 1979). Output is encoded via HTMLCanvasElement.toBlob() in JPG, PNG, or WebP and rendered in sRGB at 8-bit precision per IEC 61966-2-1:1999 — which is what every social platform expects (uploads in Display P3 or BT.2020 get tone-mapped to sRGB by the platform's own pipeline anyway). Files never leave the device.
How to resize for social media
- Drop your image onto the tool or click to browse. Source decoding happens locally via the browser's built-in JPG / PNG / WebP decoder.
- Pick a platform preset — Instagram feed (square / portrait / landscape), Instagram story / reel (9:16), X header (3:1), Facebook share (1.91:1), LinkedIn banner (4:1), LinkedIn post (1.91:1), YouTube thumbnail (16:9).
- The tool centre-crops the source to the platform's aspect ratio first, then runs drawImage() with imageSmoothingQuality = 'high' (Lanczos-class kernel) to scale to the platform's exact pixel dimensions.
- Review the live preview. If your subject is off-centre, pre-crop the source with the aspect-ratio-crop tool first so the subject lands in the middle of the platform's crop window.
- Download the resized image and upload straight to the platform without re-exporting from a design tool.
Common use cases
- Adapting a single product photo to every social channel's hero image dimensions in one session — IG feed + IG story + X header + LinkedIn post + Facebook share + YouTube thumbnail from one source.
- Resizing a personal portrait into X profile (400×400), LinkedIn profile (recommended 400×400), and Facebook profile sizes at once for a coordinated brand refresh.
- Preparing YouTube thumbnails at exactly 1280×720 within the upload size limit (2 MB mobile / 50 MB desktop) without re-exporting from a desktop editor — the tool ships the format constraints YouTube enforces.
- Producing LinkedIn banner variants (1584×396) for different roles or campaigns by reusing the same source photo.
- Generating Instagram portrait posts at 1080×1350 (the default since 2026) from a 16:9 camera shot without losing key subject detail to Instagram's centre-crop.
Frequently asked questions
Are the platform specs up to date?
The presets ship the dimensions each platform currently publishes (verified 2026 against help.instagram.com, help.x.com, linkedin.com/help, support.google.com/youtube). Social platforms occasionally adjust defaults — Instagram switched its default feed format from square 1:1 to portrait 4:5 (1080×1350) in 2026, for example. The tool aims to track those updates; check the platform's own help centre if you need the absolute latest spec.
Will my subject get cropped?
The tool uses a centre crop to fit the source aspect ratio to the platform's required ratio. If your subject sits off-centre — e.g. a face in the upper third of a landscape source going into a 1080×1920 IG story — pre-crop the source with the aspect-ratio-crop tool first so the subject lands in the middle of the target window. The live preview shows the crop frame before export, so off-centre subjects are visible upfront.
Can I customise the output size?
For non-preset dimensions use the resize-image tool with explicit width × height, or the bulk-resize tool with a custom target width. The aspect-ratio-crop tool handles non-standard ratios. The social-media-resizer is intentionally preset-only because the value is in the verified platform-spec dimensions, not free-form input.
Why does my upload still look soft after using the tool?
Two common causes: (1) the source was already low-resolution and upscaling cannot invent detail (Lanczos-class kernels redistribute existing samples; they don't generate new edges) — start from a higher-resolution source if possible. (2) The platform re-encodes your upload regardless of how well-prepared it was; Instagram in particular runs aggressive JPG quantisation at upload time. The tool's contribution is matching the platform's exact pixel dimensions and aspect ratio so the platform's resize pass is a no-op rather than a destructive scale-and-crop.
Is my image uploaded?
No. The crop and resize run entirely in the browser via the WHATWG Canvas 2D Context. Files never leave the device — DevTools Network tab shows zero upload requests during the operation. The downloaded result is exposed via URL.createObjectURL from the in-memory Blob.
Why platform-spec matching matters — and what changes when you skip it
Every social platform runs an upload-side image pipeline that resizes, re-encodes, and crops to its own spec; getting close to the target is not the same as hitting the target. (1) Instagram's feed crop window is 4:5 (portrait) by default since 2026 — uploading a 1:1 square works but loses ~25% of vertical screen real estate; uploading a wider 16:9 photo gets centre-cropped to 4:5, often hiding faces near the top or bottom. The 1080×1350 preset matches Instagram's preferred portrait container exactly. (2) X (Twitter) header banners use a 3:1 ratio at 1500×500; the profile picture overlays the bottom-left ~200×200 area, so the bottom-left of your header is partially obscured. The preset crops centre but you can see the safe zone in the preview. (3) LinkedIn personal banners are 4:1 at 1584×396, and LinkedIn's mobile crop trims the left and right edges aggressively — keep important content within a centred ~1200×300 safe zone. (4) YouTube thumbnails at 1280×720 must stay under 2 MB and the platform re-encodes uploads to its own JPG quality regardless, so feeding it a precisely sized JPG saves a re-encode pass. (5) The Canvas drawImage path uses a Lanczos-class kernel (the same filter as Pillow's Image.Resampling.LANCZOS, which replaced the deprecated ANTIALIAS alias in Pillow 10.0.0 on 1 July 2023) — this gives you a sharper downscale than the platform's own server-side filter typically produces, so the upload renders crisper on retina displays. Centre-crop is the default; if your subject is off-centre, pre-crop the source with the aspect-ratio-crop tool first so the subject lands in the middle.
- Instagram presets verified 2026: feed 1080×1080 / 1080×1350 / 1080×566, story + reel 1080×1920 (per help.instagram.com)
- X (Twitter) presets: header 1500×500 (3:1), profile 400×400, in-feed post 1200×675 (16:9)
- Facebook OG / share image 1200×630; LinkedIn personal banner 1584×396 (4:1), feed post 1200×627
- YouTube video thumbnail 1280×720 (16:9, JPG / PNG, ≤ 2 MB per support.google.com/youtube/answer/72431)
- Centre-crop to platform aspect ratio + Canvas drawImage with imageSmoothingQuality = 'high' (Lanczos-class kernel)
- Live preview shows the crop window before export — pre-crop with aspect-ratio-crop if your subject is off-centre
- Output JPG / PNG / WebP via HTMLCanvasElement.toBlob() in sRGB (IEC 61966-2-1:1999) — platform-native colour space
- Browser-side via WHATWG Canvas — files never leave the device
Free. No signup. No file uploads. Ads via AdSense (consent required).
Sources (8)
- WHATWG (live). HTML Living Standard — Canvas 2D Context: drawImage(). html.spec.whatwg.org/#dom-context-2d-drawimage — browser resampling mechanism that crops to platform aspect ratio then scales to platform target dimensions.
- Duchon, C. E. (1979). Lanczos Filtering in One and Two Dimensions. Journal of Applied Meteorology, 18(8):1016-1022 (August 1979) — Lanczos resampling reference for the high-quality downscale path used when shrinking source images to platform feed/story/banner dimensions.
- Meta Platforms (Instagram) (live). Reel size & aspect ratios on Instagram + Instagram help centre image dimensions. help.instagram.com/1038071743007909 + 2026 Instagram sizes guide instagram.com/p/DTshte0CK2z — feed square 1080×1080, portrait 1080×1350 (default since 2026), landscape 1080×566, story / reel 1080×1920 (9:16).
- X Corp. (formerly Twitter) (live). X (Twitter) image specifications. help.x.com / business.x.com — header banner 1500×500 (3:1), profile picture 400×400 (1:1), in-feed post image 1200×675 (16:9).
- LinkedIn Corporation (live). LinkedIn image dimension specifications. linkedin.com/help/linkedin/answer/a563309 (Pages cover 1128×191) + community-documented personal banner 1584×396 (4:1) + single-image feed post 1200×627; LinkedIn does not publish a single canonical help URL for personal banner specs.
- Meta Platforms (Facebook) (live). Facebook sharing best practices — Open Graph image specifications. developers.facebook.com/docs/sharing/webmasters/images — Open Graph share / link preview image 1200×630 (1.91:1); minimum 600×315; ≥ 1200 wide for retina displays.
- Google LLC (YouTube) (live). YouTube thumbnail and channel art specifications. support.google.com/youtube/answer/72431 — video thumbnail 1280×720 (16:9, JPG / GIF / PNG, ≤ 2 MB on mobile uploads / 50 MB on desktop), channel banner 2560×1440 with a 1546×423 safe area.
- International Electrotechnical Commission (IEC) (1999). Multimedia systems and equipment — Colour measurement and management — Part 2-1: Default RGB colour space — sRGB. IEC 61966-2-1:1999 — default Canvas 2D colour space; social platforms re-encode uploads to sRGB regardless of source profile, so matching sRGB up-front avoids the platform's tone-mapping step.
These are the W3C, ISO/IEC, ITU-T, and IETF specifications the tool implements or builds on. Locate them on w3.org, iso.org, itu.int, or datatracker.ietf.org.
Related guides
By Marco B. ·