HandyTools Hub
← Back to Tools

Favicon Generator

Generate multi-size favicon PNGs from any image

Drag & drop an image here

or click to browse

Supports JPEG, PNG, WebP, SVG

The Favicon Generator turns any image into a complete set of favicon PNGs for every platform — browser tabs, iOS home screens, Android devices, and PWAs — plus the HTML snippet to wire them up. It is built for site owners and developers who want a polished tab presence without resizing one logo six times by hand.

How to Use

  • Upload an image: Pick a logo or graphic; square images with a simple shape work best.
  • Adjust the crop: Non-square images are center-cropped into a square automatically.
  • Preview the set: See all six sizes in the preview grid, from 16x16 up to 512x512.
  • Download and copy: Save the PNGs and copy the HTML snippet into your site’s head section.

Features

  • Generates six standard sizes: 16, 32, 48, 180, 192, and 512 pixels
  • Automatic square center-crop for non-square images
  • Ready-made HTML with Apple touch icon, manifest, and theme-color tags
  • Live preview grid showing every size before download
  • Everything processed locally in your browser

Why So Many Sizes?

The original favicon was a single 16x16 ICO file for the browser tab, and for years that was enough. Modern devices changed the rules: iPhones use a 180x180 Apple touch icon when someone saves your site to their home screen, Android Chrome wants 192x192 and 512x512 icons for splash screens, and high-DPI displays make the tiny 16x16 look blurry in bookmarks.

Skipping sizes has visible consequences. Without an apple-touch-icon, iOS falls back to a compressed screenshot of your page as the home-screen icon — rarely flattering. Without a 512x512 icon, a PWA cannot be installed properly. Worth knowing: the 32x32 size is what desktop browsers actually show on retina tabs, so it deserves as much care as the 16x16.

Use Cases

  • New websites: Generate the full icon set once, before launch.
  • Rebrands: Swap every favicon size at once after a logo update.
  • PWA builders: Produce the 192x192 and 512x512 icons the manifest requires.
  • Side projects: Get a professional tab icon without an image editor.

Frequently Asked Questions

What sizes do I need for a favicon?

You need six sizes: 16x16 (browser tab), 32x32 (bookmarks), 48x48 (general), 180x180 (Apple touch icon), 192x192 (Android), and 512x512 (PWA splash). Our generator creates all of these automatically.

How do I add a favicon to my website?

Place the PNG files in your website's root directory, then copy the HTML snippet into the head section of every page. The snippet includes link tags for standard favicons, Apple touch icons, and Android icons.

Does this tool generate .ico files?

No, this tool generates PNG favicons which are the modern standard. All major browsers support PNG favicons. If you need an .ico file, convert the 16x16 or 32x32 PNG with a dedicated ICO converter.