The Circular Crop: Composing So Nothing Is Lost

5 min

A circle removes a fifth of a square's area, and it does so at the corners. Practical composition for that crop.

The circular crop is the commonest way an avatar is displayed and the commonest source of unpleasant surprises. A frame that is perfect as a square can lose the crown of the head, the chin, or end up with a face pressed against the edge.

The geometry

A circle inscribed in a square occupies about seventy-eight percent of its area. The remaining twenty-two percent is four corners, and they are what disappears.

The practical conclusion: everything important must fit inside the circle, and the corners belong to the background. You can verify it by mentally inscribing a circle before uploading.

Composition rules

  1. Face centred, slightly above the geometric middle: that leaves room under the chin and avoids clipping the crown.
  2. Face size around two thirds of the circle's diameter. Smaller loses legibility; larger pushes the head into the edges.
  3. Margin above the head: small but mandatory. The circle cuts along an arc, and hair at the top goes first.
  4. Shoulders partially enter the lower part of the circle: they anchor the composition but are not required.
  5. Frame corners: background only, nothing meaningful.

Typical mistakes

  • The face shifted to one side: circular cropping amplifies the offset visually.
  • A head that is too large: crown and chin are clipped by the arc.
  • A crop from a portrait without recomposing: the face ends up small in the centre of a big circle.
  • An important detail in a corner: a logo, a clothing element, part of a gesture — all of it vanishes.
  • A tilted head pressed against the edge: a turn needs more margin on the side it leans towards.

Square or rounded square

Platforms crop differently: circle, square, rounded square. Composing for a circle works in every case: a frame that looks good in a circle will look good in a square.

The reverse does not hold: a frame composed for a square can lose important parts in a circle.

Background in the corners

Since the corners disappear, what is in them does not matter — but only for circular crops. Where a platform uses a square, the corners show and clutter in them is visible.

In practice: keep the corners clean regardless. It costs nothing and saves preparing separate versions.

Checking across platforms

Once uploaded, view the avatar in each platform's real interface: circular in one, square in another, sometimes with a border or a badge in a corner that can cover part of the image.

A particular case is status badges and indicators overlaid on the lower right of the circle. If a meaningful part of the frame sits there, it will be covered.

Frequently asked

How much area does a circular crop remove?

About twenty-two percent of the square, all of it corners. Anything meaningful must fit inside the circle; the corners belong to the background.

How large should the face be in the circle?

About two thirds of the diameter. Smaller loses legibility; larger means the arc clips the crown and chin.

How do I compose when platforms crop differently?

For a circle: a frame that looks good in a circle looks good in a square too. The reverse fails — square composition loses parts in a circle.

  • #аватар
  • #композиция
  • #техника

Try it in the studio

Upload a photo and pick a style — one step from prompt to result.

Open the studio

Read next

Try it on this topicAI Avatar Generator

AI avatarsAll articles