A favicon — the small icon that appears in browser tabs, bookmarks, and history lists — is the smallest but most consistently visible brand element of any website. A crisp, well-designed favicon at the correct sizes makes your site look professional and polished. At imgresizr.com, you can create favicon images by resizing your logo to the correct dimensions, completely free.
Favicon Required Sizes
| Use Case | Size | Format |
|---|---|---|
| Browser tab (standard) | 16×16px | ICO or PNG |
| Browser tab (retina) | 32×32px | PNG |
| Browser shortcut | 48×48px | PNG |
| Apple Touch icon | 180×180px | PNG |
| Android home screen | 192×192px | PNG |
| Microsoft Tile | 270×270px | PNG |
How to Create Favicons at imgresizr.com
Start with your logo or a simplified version of it at the highest resolution available. Upload to imgresizr.com. A favicon must be instantly recognisable at 16×16px — if your logo has text or complex detail, create a simplified symbol version instead. Use the Crop tool to set a 1:1 square ratio — all favicons are square. Use the Resize tool to generate each required size: start with the largest (192×192px) and work down. Export all as PNG with transparency if your logo has a transparent background. For the 16×16px and 32×32px browser tab icons, ICO format is also widely supported — use the Convert tool to create an ICO version. Embed the various sizes using the correct link tag rel values in your website's HTML head section.
Favicon Design Tips
- Test at 16×16px before finalising — this is the primary display size
- Use a simplified symbol rather than the full wordmark if your logo includes text
- High contrast and bold shapes work best at tiny favicon sizes
- Match the favicon to your brand's primary colour for instant recognition
- Update your favicon if your brand refreshes — browser caching means changes take time to propagate
Create favicon images at all required sizes from your logo, free at imgresizr.com.