Make a perfect Reddit avatar in seconds. Upload any image, crop to a circle, optionally remove the background with on-device AI, and export a crisp 256×256 WebP under 200KB.
- Drag & drop or file picker upload
- Round crop with live preview (react-easy-crop)
- Zoom via slider (scroll/pinch zoom disabled for precision)
- One-click "Make it fit" centered square crop
- Guaranteed 256×256 WebP export with adaptive compression to target < 200KB
- Dark mode with system preference + toggle
- Toast notifications (sonner) and accessible UI (shadcn/ui + Tailwind)
- React + Vite + TypeScript
- Tailwind CSS, shadcn/ui components
- next-themes (dark mode)
- react-easy-crop (cropping)
- @huggingface/transformers (background removal)
A lightweight and accessible tool to generate profile pictures for Reddit and other platforms.
- Click the button above or install here.
- You’ll be taken to GitHub’s App installation page.
- Choose which repositories you want the app to access:
- All repositories (if you want it available everywhere), or
- Only select repositories (pick the ones you want).
- Click Install.
- The app will now be active on the chosen repositories and ready to use!
- Click "Choose File" (or drag & drop) to load an image.
- Adjust the crop and use the Zoom slider as needed.
- (Optional) Click "Remove Background (AI)". First run downloads the model (~10–20s, cached by the browser where possible).
- Click "Make it fit" to auto-center a square crop.
- Click "Download 256×256" to export a circular 256×256 WebP. The app adapts quality to stay under 200KB and warns if it can’t.
- Use the sun/moon button (top-right) to toggle dark mode.
- All processing is in-browser. Images never leave your device.
- Background removal downloads a segmentation model from Hugging Face CDNs at runtime and executes locally (WebGPU preferred, falls back to WebGL/CPU when needed).
- Large images are resized to max 1024px on the longest side before segmentation for speed and memory efficiency.
- Buttons and controls have accessible labels
- Keyboard- and screen reader-friendly components courtesy of Radix/shadcn
- Extremely detailed or noisy images may exceed 200KB even after compression; the app will notify you.
Pull requests are welcome. Keep components small, use the design tokens in src/index.css, and prefer semantic HTML with one H1 per page.
MIT