Profile Picture Maker

A good profile picture is centred, sharp and sits on a clean background that still looks right when the site crops it to a circle. This maker frames your photo with zoom and position controls, puts a solid, gradient or blurred background behind it, adds an optional ring in your brand colour, and can lay a campaign or event frame (a PNG with a transparent centre) on top — the kind of frame people add for causes, teams and events. The result is a 400, 800 or 1080 px PNG or JPG made entirely in your browser.

How to use this tool

1. Choose your photo, and optionally an overlay frame PNG.
2. Pick the shape and output size.
3. Use zoom and the position sliders to centre your face; below 100% the background shows around the photo.
4. Choose the background and an optional ring border.
5. Download the PNG (transparent outside the circle) or a JPG.

Formula

scale = max(S ÷ w, S ÷ h) × zoom ÷ 100; x = (S − w·scale) ÷ 2 − position × (w·scale − S) ÷ 2

S is the output size and w × h the photo. At 100% zoom the photo just covers the square; above 100% the position slider chooses which part stays in view, and below 100% it moves the smaller photo around the frame. The ring is drawn 2 × r wide on the outline before the outside is cut away, so exactly r pixels remain inside the edge.

Example

A 3000 × 4000 portrait made into an 800 × 800 circle at 100% zoom is scaled by 800 ÷ 3000 = 0.267 to 800 × 1067, showing the middle 3000 × 3000 px. Moving the vertical position to −50% shifts the photo down by 0.5 × (1067 − 800) ÷ 2 ≈ 67 px, so more of the top (the face) is shown. A 3% ring adds a 24 px border.