Image
Favicon & Profile Picture Resizer
One image, every standard web size — favicons, avatars, or a custom size. Nothing leaves your browser.
Every site needs a favicon, and every profile needs an avatar — but hand-resizing one photo into half a dozen exact pixel dimensions is tedious. This tool does it in one pass: pick the favicon sizes you need (16, 32, 48, and the 180×180 Apple touch icon, auto center-cropped to a square, plus a combined favicon.ico), pick avatar sizes with a draggable square or circle crop to frame a face, or enter a custom width and height. Everything is generated locally on an HTML Canvas element using a progressive downscale so even a 16×16 favicon stays sharp, then downloaded individually or together as a single ZIP file.
Related Tools
How to Use
- 1
Drop in a photo or logo — PNG, JPEG, or WebP — or click to browse.
- 2
Check the favicon sizes you need — all four are selected by default, and 16/32/48 are also bundled into a favicon.ico.
- 3
For a profile picture, check the avatar sizes you want, choose a square or circle crop, and drag the overlay to position it.
- 4
Optionally enable a custom size with its own width and height, with a lock-aspect-ratio toggle.
- 5
Click "Generate images," then download each file individually or click "Download all as ZIP."
Frequently Asked Questions
What favicon sizes do I actually need?
16×16 and 32×32 cover browser tabs, 48×48 is used by some Windows site shortcuts, and 180×180 is the Apple touch icon used when a page is saved to an iOS home screen. This tool generates all four as PNGs and bundles 16/32/48 into a single favicon.ico automatically.
Does the favicon need to be square?
Yes. If your source image isn't already square, it's automatically center-cropped to a square before being resized to each favicon size — no manual cropping needed.
Can I choose where the avatar crop is positioned?
Yes. For profile picture sizes, drag the crop overlay on the preview to center it on a face or the part of the photo you want — useful when the photo is not already square. Choose a square or circle crop shape before generating.
Will downscaling to a tiny favicon look blurry or aliased?
No. Large images are downscaled in progressive halving steps rather than in one huge jump, which keeps small sizes like 16×16 sharp instead of soft or noisy — the same technique used by professional image editors.
Can I download everything at once?
Yes. Whenever more than one size is generated, a "Download all as ZIP" button appears alongside the individual download links.
Is my photo uploaded to a server?
No. Cropping, resizing, and the favicon.ico packaging all happen locally using the Canvas API. Nothing is sent anywhere — open your browser's Network tab while using the tool to confirm.