Faviconジェネレーター

A favicon is the small icon shown in browser tabs, bookmarks and on phone home screens. It is a tiny detail that makes a site look finished and recognizable, and modern browsers expect several versions of it.

That is the catch: one image is not enough any more. You need a multi-size .ico for classic browsers, separate PNG sizes, an Apple touch icon for iOS home screens, larger PNGs for Android, and a web manifest if the site should be installable.

This generator builds the entire set from a single image, including a real multi-size .ico, and gives you the exact HTML snippet to drop into your page head, so you do not have to assemble or hand-write any of it.

For the best result, upload a square image of at least 512 px, ideally a simple logo or mark rather than a detailed photo, since the icon is often shown very small. A non-square image is centered and padded to a square, so detail near the edges may end up in the margins.

You can optionally set a background color and your site name. The site name goes into the web manifest used when someone adds the site to their home screen.

Everything runs locally in your browser with the Canvas API, so your image is never uploaded. You download a ZIP with all the files and the snippet to paste in.