I need a favicon for my website
Give your site the little tab icon. Start from a simple, bold logo and export the small square sizes browsers expect.
A favicon is the tiny icon in a browser tab. To make one, crop your logo to a square and export it at the small sizes browsers use (16×16, 32×32 and 48×48 pixels) as PNG (modern browsers accept PNG favicons). Our Crop, Resize and SVG Icon tools do this in your browser. Use a simple, high-contrast mark so it reads at 16px.
4 tools for this
Each one is free, private and runs in your browser. No sign-up, no watermark.
Image Resizer
Resize any image to exact pixel dimensions with an optional aspect-ratio lock and ready-made social presets, free and fully in your browser.
Crop Image
Cut an image down to the exact part you want. Drag a crop box, snap to a ratio like 1:1 or 16:9, and export the trimmed area: free, private, in your browser.
SVG Icon Generator
Normalize a batch of SVGs into one consistent icon set (uniform viewBox, size, stroke and currentColor) then export a sprite or each cleaned icon. Or build simple icons from shape presets. 100% in your browser.
PNG to JPG
Convert PNG images to JPG in your browser: pick a background color for transparent areas, set the quality, and download a much smaller file.
How to fix it
Follow these steps and you'll have it sorted in a couple of minutes.
- 1
Start with a square, simple mark
Favicons are tiny. Crop your logo to a 1:1 square and keep it bold and high-contrast so it's legible at 16px.
- 2
Resize to the icon sizes
Export 16×16, 32×32 and 48×48 versions with the Image Resizer: the common favicon sizes.
- 3
Save as PNG
Modern browsers accept PNG favicons. For a crisp scalable source, an SVG icon works too.
- 4
Add it to your site
Reference it in your HTML head with a link rel="icon" tag pointing at the file.
- Using a detailed logo that turns into an unreadable blob at 16px, simplify to a single strong shape or letter.
- Exporting only a large image. Browsers want small icon sizes, so resize down to 16/32/48px.
- Forgetting to reference it in the HTML head, so the browser never loads it.
Frequently asked questions
More problems we solve
Ran into one of these too? Here's the fix.
- A WebP image won't open. I need a JPGSaved a WebP from a website and your editor won't open it? Convert it to a universal JPG or PNG in seconds.
- I need to convert a logo image to SVG (vector)Need a logo that's crisp on a billboard and a favicon alike? Trace it into a scalable SVG, with realistic expectations.
- My SVG file is huge and full of junkDesign-tool exports carry a lot of invisible bloat. Clean it out so your icons and illustrations load faster.
Keep exploring
Related tools
Problems we solve
From the blog
Compare formats
Common tasks
Ready? Start with Image Resizer
Free, private and instant: everything runs in your browser.