Recent chats
ASKGEEZ Q&A GUIDETechnology & devices

How can I make a profile image crop work in both a circle and a square?

Quick answer

Start with a square canvas and place essential content near the center, away from the corners and edges. Keep a copy of the uncropped original, then preview the image as both a square and a circle using the target service’s crop settings. There is no universal safe-area percentage: requirements vary by platform. Google Wallet’s 15% margin recommendation applies to its event-ticket logos, not all profile images. [S1]

LET’S WORK THROUGH IT

The question, the details, the next step.

Question

What should I change in my image so it still looks right when one app shows it as a square and another shows it in a circle?

Geez

Treat the circle as a second crop of the square, not as a separate image shape you need to bake in. Put the face, logo, or other must-keep content near the center. Avoid placing important details in the square’s corners: a centered circular display excludes those corners. Leave some breathing room around the subject too, since a platform may zoom or reposition the crop. Keep the square image itself square and unmasked unless the destination specifically asks for something different. For example, Google Wallet’s event-ticket logo guidance calls for a square image, a 15% margin for its circular mask, and says not to pre-mask it. Those are Google Wallet-specific requirements, not a universal profile-image rule. [S1]

Follow-up question

How do I judge the safe area if the app doesn’t tell me how much it will crop?

Geez

Use previews rather than assuming a fixed margin. Make a duplicate or temporary guide: on a square canvas, mark a centered circle as a visual check, then inspect whether every essential part falls inside it. The circle is a planning aid, not a claim about the service’s exact crop. If the service provides a crop preview, use that as the final check and adjust the zoom or position there. As an illustrative starting point, imagine a 1000-by-1000-pixel canvas and keep the main subject within a centered region about 600 pixels wide; that is only a design example, not a platform specification. Make the subject smaller if hair, text, or other edge details are important.

Follow-up question

Can you show me a simple way to check a logo and a portrait?

Geez

Use this quick two-view test on a duplicate of your image:

  1. Square view: Check that the whole subject is balanced and not crowded against an edge.
  2. Circle view: Imagine or preview a centered circle over the square. Check the top, bottom, and sides of the subject—not only its center.
  3. Small-size view: Shrink the preview to roughly the size people will see on screen. Check that a face is recognizable or a logo’s key mark remains distinct; fine text may become hard to read.

For a portrait, leave room above the head and around the shoulders. For a logo, prioritize the symbol or short name, and move supporting text inward or remove it if it becomes cramped. These are composition checks, not guarantees about how every app will crop or display the file.

Follow-up question

What’s a reusable workflow before I upload it?

Geez

Keep the original safe and work on a copy. First make a square composition; then check both the square and circular previews. If the target app has a crop tool, use its preview and save the result in the format and dimensions that app requests. Requirements can differ between services, and the available source only documents Google Wallet event-ticket logos; it does not establish the right dimensions, file format, or crop behavior for profile images on other platforms. When the destination gives no guidance, test the image in its actual display context before treating the composition as final.

A practical checklist

  • Work on a duplicate and retain the uncropped original.

  • Keep faces, logo marks, and other essential details near the center.

  • Inspect both the square composition and a centered circular preview.

  • Check edge details and legibility at the expected display size.

  • Use the target platform’s crop preview and file requirements when available.

A few more useful answers

Should I add a circular mask to the image file itself?

Keep the image square and unmasked unless the destination’s instructions say otherwise. Google Wallet specifically says not to pre-mask its event-ticket logo image. [S1]

Can I use Google Wallet’s 15% margin for every profile image?

No. The 15% recommendation in the cited guidance is for Google Wallet event-ticket logos and does not establish a general safe area for other services. Check the destination’s own crop guidance. [S1]

Sources

References used for this guide.

  1. [S1] Google Wallet event ticket brand guidelines: logo image requirements
    developers.google.com · Checked

YOUR QUESTION. YOUR DETAILS.

Let’s work through your situation.

Get a tailored answer or help with your next task. Starts at $1, with a quote before you pay.

Ask your own question
← Back to Geez at Work