Your files never leave your device. All processing happens locally in your browser.
What size should a Facebook profile picture be?
Upload your Facebook profile picture as a square of at least 320×320 pixels — Facebook’s suggested profile-photo size — and keep the face or logo dead-centre, because Facebook CIRCLE-crops it everywhere. Although you upload a square, Facebook masks it to a circle and shrinks it to about 176×176 pixels beside your name on desktop, 196×196 in the mobile app and just 36×36 on feature phones, so the corners of your square are hidden and only the central ~80% is guaranteed to show. 320×320 sits comfortably above those display sizes, so it stays crisp; you can upload larger (720×720 for retina, up to a 2048×2048 maximum) but 320×320 is the safe square this preset targets. Note the cover photo is a completely separate 851×315 banner, not this image. Upload your photo, tap the Facebook profile preset, use cover with the crop-position nudge to centre your subject inside the circle, and export a JPG or PNG at exactly 320×320 — all in your browser, so the photo is never uploaded to a server.
Upload a square at least 320×320 — Facebook’s suggested profile size; go 720×720 for retina (max 2048×2048)
Facebook CIRCLE-crops it: shows ~176×176 on desktop, 196×196 on mobile, 36×36 on feature phones
Keep the face or logo centred — the circle hides the square’s corners, so only the middle ~80% is safe
The cover photo is a SEPARATE 851×315 image — this preset is only the round profile picture
100% client-side — the photo is resized on a local canvas and never leaves the browser
What is
Resize Image for Facebook Profile
Resizing an image for a Facebook profile picture means scaling and cropping a photo to a 320×320-pixel square — Facebook’s suggested profile-photo size — while keeping the face or logo centred, because Facebook displays every profile picture CIRCLE-cropped. You upload a square, but Facebook masks it to a circle and renders it small: about 176×176 pixels beside your name on desktop, 196×196 in the mobile app and only 36×36 on feature phones, so the four corners of the square are always hidden and the subject must live in the central ~80%. 320×320 sits comfortably above those display sizes and stays sharp; a larger square (720×720, up to 2048×2048) adds retina headroom, and Facebook accepts JPG or PNG (PNG is best for logos or text) up to a huge 100 MB limit that never matters at this size. The cover photo is a separate 851×315 banner and is not this preset. This tool is 100% client-side: it loads your photo into a browser canvas, crops it square (with a crop-position nudge and a live circular-mask preview), downscales it with pica’s Lanczos filter for a clean result, and exports a PNG or JPEG at exactly 320×320 without ever uploading the file. Enlarging a photo narrower than 320 px cannot add real detail, and Facebook can change its specs or re-compress the image on its side.
Social Media
Related terms
Facebook profile picture sizeFacebook DP 320x320circle crop profile photo176x176 display size196x196 mobile profileFacebook cover photo 851x315square profile uploadcentre the subjectPNG for logospica downscalecanvas resize100MB profile limit
Frequently Asked Questions
Upload a square at least 320×320 pixels and keep the subject centred. Facebook circle-crops it and shows it at about 176×176 on desktop and 196×196 on mobile.
Facebook’s suggested profile-picture size in 2026 is a 320×320-pixel square, uploaded as a JPG or PNG. You can go larger — 720×720 for high-resolution/retina screens, up to a 2048×2048 maximum — but 320×320 is the safe square this preset targets because it already exceeds every place Facebook actually shows the photo: roughly 176×176 pixels beside your name on desktop, 196×196 in the mobile app and 36×36 on feature phones. Facebook always CIRCLE-crops the picture, so keep the face or logo centred. This tool has a one-tap Facebook profile preset that exports at exactly 320×320 with a live circular-mask preview so you can see the crop before you download.
Facebook masks every profile picture to a circle, hiding the four corners of your square, so the face or logo must sit in the centre ~80%.
Facebook displays profile pictures inside a circular frame everywhere — on your profile, in the feed, in comments and in Messenger — even though you upload a square image. The circle is inscribed in the square, so the four corners are always cut off and only the central circular area (about the middle 80% of the width) is guaranteed to show. That is why you should never put a face, logo or text near the edges or corners; centre the subject instead. This tool helps by previewing the exact circular mask over your image and giving cover mode a −1..1 crop-position nudge, so you can slide and frame the important part inside the circle before exporting at 320×320.
The profile picture is the small round 320×320 image by your name; the cover photo is a separate wide 851×315 banner across the top. This preset is only the profile picture.
They are two completely different images. The profile picture is the small square you upload at 320×320 that Facebook circle-crops and shows at about 176×176 on desktop and 196×196 on mobile beside your name. The cover photo is the large landscape banner across the top of your profile or Page, uploaded at 851×315 pixels (a 2.7:1 ratio) and shown as a rectangle, not a circle. Because the shapes and sizes are totally different, you cannot use one file for both. This preset targets only the round profile picture at 320×320; if you need the banner, use the Facebook cover-photo size instead.
No. Your photo is decoded and resized entirely in your browser on a local canvas — there is no upload or server, and it never leaves your device.
Nothing is uploaded. When you choose an image the tool creates a local object URL, decodes it, crops and composites it on an in-page canvas, and downscales it with pica — all on your device. There is no server, API, database or tracking anywhere in the processing path, so your profile photo never leaves the browser. Object URLs are revoked when you reset or replace the image, the tool works offline once cached, and closing the tab discards everything. The only optional network use anywhere on the site is consent-gated advertising, which never sees your image. You then upload the finished 320×320 file to Facebook yourself, so a personal portrait stays private until you choose to set it.
Detailed Explanation
📖How It Works
Resizing a Facebook Profile Picture, in Your Browser
This preset locks the Social Media Image Resizer to Facebook’s profile picture so you hit the exact square Facebook expects. Upload a photo, tap the Facebook profile preset — a 320×320-pixel square (1:1) — centre your subject, and export a PNG or JPEG at exactly those pixels. 320×320 is Facebook’s suggested profile-photo size in 2026; because Facebook CIRCLE-crops the image and shows it small (about 176×176 beside your name on desktop, 196×196 in the mobile app and 36×36 on feature phones), a 320×320 square already exceeds every display size and stays crisp, while you can upload larger (720×720, up to 2048×2048) for extra retina headroom. The whole thing runs on an in-browser canvas: the photo is decoded to a local object URL, cropped square, downscaled with pica and re-encoded locally — nothing is uploaded.
Locks to Facebook’s suggested profile size: 320×320 (1:1 square)
Upload larger (720×720, max 2048×2048) for retina; JPG or PNG accepted
100% client-side — the photo never leaves the browser
📋Use Cases
The Circle Crop: Keep the Subject Centred
Even though you upload a square, Facebook displays every profile picture inside a circle inscribed in that square, so the four corners are always cut off and only the central circular area — roughly the middle 80% of the width — is guaranteed to show. That drives the whole framing: put the face, logo or key mark dead-centre and leave breathing room around the edges; never place text or important detail in the corners, because it will be clipped by the circle. The tool shows a live circular mask over your image so you can see exactly what survives the crop, and cover mode adds a −1..1 crop-position nudge to slide the photo horizontally or vertically until the subject sits in the middle. Because Facebook also shrinks the picture to as little as 176×176 (or 36×36 on feature phones), a busy or off-centre composition reads poorly — a tight, centred crop always looks best at profile-picture scale.
The circle is inscribed in the square — the four corners are always hidden
Only the central ~80% shows; centre the face or logo, keep corners clear
Live circular-mask preview plus a crop-position nudge to frame the subject
It renders small (down to 176×176 / 36×36) so a tight, centred crop reads best
⚙️Methodology
How the Resize Stays Sharp (Canvas + pica)
A pure, typed engine does the geometry and pica does the pixels. For the 320×320 target, coverCropRect() computes the source rectangle that matches the 1:1 ratio (honouring a −1..1 crop-position nudge) or containLayout() computes a fitted, centred layout for padding. The browser crops into an intermediate canvas at source resolution and calls pica.resize(), which uses a Lanczos filter to resample with proper filtering and light sharpening rather than the browser’s default bilinear shrink — that is what keeps a large portrait crisp when it is brought down to 320×320 instead of aliased and soft. Finally canvas.toBlob() emits a PNG (lossless, best for logos, text or flat graphics) or a JPEG with a quality factor (best for photographic portraits). A live output-dimensions and file-size read-out confirms the export is exactly 320×320; Facebook’s 100 MB profile-photo limit is so large it is never a real constraint at this size.
coverCropRect() / containLayout() are pure, typed geometry helpers
pica.resize() (Lanczos) downscales into a canvas of exactly 320×320
canvas.toBlob() exports PNG (lossless, best for logos/text) or JPEG (photos)
Live dimensions/file-size read-out; the 100 MB limit is never a constraint here
⚠️Limitations
Honest Limitations
Three caveats. First, the circle crop is Facebook’s, not the tool’s: the resizer produces a correctly-sized 320×320 square and previews the circular mask, but Facebook applies the actual circle on its side, so anything you leave in the corners will be hidden no matter how the file is exported — centre the subject. Second, enlarging a small photo cannot add real detail: if your source is narrower than 320 px the tool must upscale and the result will look softer than a natively-large photo, so it warns you when a target would enlarge the source — start from a bigger original. Third, cover crops content by design and stretch can distort, so pick the fit mode deliberately; and remember the cover photo is a separate 851×315 banner, not this preset. Facebook can also change its recommended sizes or re-compress the image on its side, so treat 320×320 and the 176/196 display sizes as the current 2026 best estimates.
The tool sizes the square; Facebook applies the circle — keep the subject centred
Upscaling can’t invent detail; the tool warns when a target enlarges the source
Cover crops and stretch can distort — choose the fit mode deliberately
The cover photo is a separate 851×315 image; specs can change without notice
🔒Privacy & Security
Privacy: Your Photo Stays on Your Device
A profile picture is usually a personal portrait, and this resizer never sends it anywhere. The photo is decoded into a local object URL, cropped and composited on an in-page <canvas>, downscaled by pica and re-encoded with canvas.toBlob(), all on your device, with no server, upload, database, logging, API or CDN anywhere in the processing path. Object URLs for both the source and the result are revoked when you reset or replace the image, so nothing lingers, and the tool works offline once cached; closing the tab discards everything. You upload the finished 320×320 file to Facebook yourself, so it stays private until you set it as your picture. The only optional network use anywhere on the site is consent-gated advertising, which never sees your image or its contents.
Decoded, cropped, resized and encoded entirely in the browser
No server, upload, database, API or CDN in the processing path
Object URLs revoked on reset / replace; works offline once cached
Only optional network use is consent-gated ads, which never see your photo
Facebook profile picture specs and display sizes 2026 (current best estimates)
Attribute / surface
Size (px)
Notes
Suggested upload
320×320
1:1 square — the size this preset exports
Retina upload
720×720
Extra sharpness on HiDPI screens (max 2048×2048)
Desktop display
~176×176
Circle-cropped beside your name
Mobile display
~196×196
Circle-cropped in the app
Feature phone
36×36
Tiny circle — centre the subject
Cover photo
851×315
SEPARATE rectangular banner — not this preset
File format
JPG / PNG
PNG best for logos/text; limit is a huge 100 MB
Facebook uploads a square but always CIRCLE-crops the profile picture, showing it at about 176×176 on desktop and 196×196 on mobile, so keep the subject centred. Sizes reflect Facebook’s 2026 recommendations and can change without notice. The tool always exports at exactly 320×320.