How to Create a Favicon
This guide shows you how to create favicons from any image using FastEdit. Generate the standard 32x32 ICO file, plus Apple Touch icon (180x180) and PWA-sized icons, all from a single source image, directly in your browser.
Steps
01
Open FastEdit
Go to fastedit.net. No account or installation needed.
02
Drop your source image
Drag and drop a square image onto the editor. Start from the highest resolution version of your logo or icon available. Downscaling produces better results than upscaling.
03
Select the Favicon preset
Open the presets menu and choose the favicon option. This configures output for 32x32 ICO format, which is the standard browser favicon.
04
Generate additional sizes
For a complete favicon set, also export at 180x180 PNG for Apple Touch icon and 192x192 / 512x512 PNG for PWA manifest icons.
05
Export and add to your site
Download the files and add them to your website. Reference the ICO in your HTML head with a link tag, and the larger sizes in your web app manifest.
Tips
- Start from a square source image. Non-square images will be cropped or distorted when resized to favicon dimensions.
- Simple, bold designs work best at 16x16 and 32x32 pixels. Fine details, thin lines, and small text become unreadable.
- ICO format is universally supported by browsers. PNG favicons work in modern browsers but ICO is the safest choice for the main favicon.
- Test your favicon at actual size. Zoom your browser to 100% and check the tab to see how it looks.