What Transparency Actually Means
A standard photo file only stores color information for every pixel, with no way to mark any pixel as 'empty.' An image format that supports transparency, like PNG, adds a fourth channel — alpha — alongside red, green, and blue. The alpha channel records how opaque or see-through each pixel is, which is what allows the area outside a circular crop to show whatever background sits behind it, instead of being filled in with a solid color.
Why JPG Doesn't Work for Round Icons
JPG, one of the most common photo formats, has no alpha channel at all. If you circle crop an image and export it as a JPG, the area outside the circle has to be filled with some color, almost always white or black, because JPG simply has no way to represent 'nothing here.' That filled-in color becomes visible as an ugly square or halo the moment the icon is placed on any background that doesn't match.
Why PNG Is the Standard for Icons and Avatars
PNG supports a full alpha channel, meaning each pixel outside your circular crop can be marked fully transparent rather than filled with a placeholder color. This is why app icons, logos, and properly cropped avatars are almost always distributed as PNG files: the format itself is built to handle exactly this use case.
A Common Mistake: Re-Saving a PNG as a JPG
Transparency can be lost silently if a transparent PNG is later opened and re-saved in a tool or workflow that defaults to JPG, or if a platform's upload pipeline converts it behind the scenes. If you notice a previously clean icon suddenly has a white background, this conversion is almost always the cause.
Checking Your Export
Before using a circle-cropped icon anywhere, it's worth opening the exported file on a colored or patterned background, not just a plain white canvas, specifically to confirm the area outside the circle is genuinely transparent rather than just visually matching a white background by coincidence.