Profile Ring Adder
Choose an avatar, tune the two ring colors and width, then save a fresh ringed PNG locally.
Profile ring adder
Add a gradient story ring to your avatar
Choose an image, set the ring colors and width, then download a square PNG. Processing stays in this browser.
Download PNG
Choose an image to begin.
Preview
A QUICK WALKTHROUGH
How to use this tool
- Choose a JPEG, PNG, or WebP avatar.
- Set the two gradient colors and ring width.
- Review the circular preview and download the new PNG.
A simple story-ring workflow
The image is decoded locally, centered in a square canvas, and surrounded by a configurable linear gradient ring. No file is uploaded.
Fresh PNG output
The result is a newly encoded PNG. Source metadata, animation, and compressed bytes are not preserved.
GOOD TO KNOW
Common questions
Is the image uploaded?
No. File decoding, previewing, and PNG encoding happen locally in your browser.
What happens to a non-square image?
It is scaled to cover a square canvas and center-cropped behind the ring.
Can I use transparent PNGs?
Yes. Existing transparency is retained inside the centered image area.