Circle Crop for X (Twitter) Profile Picture

X displays profile pictures at five different sizes depending on context. The largest is 200 × 200 px on your profile page on desktop, with 112 × 112 px on mobile profile views. The most common is 48 × 48 px next to every post in the timeline. Mentions and notifications use 24-32 × 24-32 px. Search results show your avatar at 32 × 32 px.

Uploading at 400 × 400 ensures every resampled version (down to the smallest 24 × 24 thumbnail) renders sharply. Lower resolutions get upscaled by X for the profile page display, which introduces blur. Always upload at the maximum recommended size even if the immediate use case is small.

If you upload a square image without pre-cropping, X applies the circle crop in your browser at display time. This works but you don't see the cropped result until you submit, and the four triangular corner regions of your design become invisible without warning. Pre-cropping with this tool produces a PNG with the corners already removed (transparent), giving you complete control over what stays visible.

The live thumbnail row below the editor shows the cropped result at the exact pixel sizes X uses for display. This is the closest preview of the actual end-user experience available before publishing.

Three patterns trip people up. Off-center subjects: photographing yourself with your face in one corner of the frame works for normal posts but the circle clip removes part of your face from a profile avatar. Edge text: logos with text running close to the edge get clipped by the circle, leaving unreadable fragments visible. Detailed line art: thin lines and small text disappear at 48 × 48 px and become invisible at 24 × 24, even if the source design is rich at 400 × 400.

Use the live thumbnails to test for each of these. If your design fails at 24 × 24 (the smallest thumbnail), most users in notifications never see what you intended.