toolbin_

Favicon Generator: Create a Favicon from an Image

Generate a favicon (16/32/48/180 px PNG) from an imported image, in your browser.

100% local generation (canvas). Your image is never uploaded.

🔒 100% client-side — no data sent

Create a favicon at the right sizes (16, 32, 48 and 180 px) from an imported image, ready to add to your site. The conversion runs entirely in your browser: your image is never uploaded, everything stays private on your machine.

What is it for?

  • Add a tab icon to a new website
  • Generate the 180 px Apple touch icon for iOS
  • Convert a PNG logo into a multi-size favicon set
  • Refresh a site's favicon after a logo change

FAQ

What image size should I import?

Start from a square image of at least 512 px per side to keep it sharp at every size. A transparent PNG background gives the best result, especially for the small 16 px icons.

How do I add the favicon to my site?

Put the generated files at the root of your site, then reference them in the <head> with <link rel="icon"> tags. Add an apple-touch-icon tag for the 180 px icon aimed at Apple devices.

Why generate multiple favicon sizes?

Each context shows the icon at a different size: browser tab, bookmark, mobile shortcut or home screen. Providing several sizes prevents a blurry look and ensures a crisp icon everywhere.