SEO
Favicon Generator
画像をアップロードして、完全なfaviconセット(16〜512px、.ico、Webマニフェスト)と<head>用の完成したHTMLコードを取得。
アーカイブにはすべてのPNG、favicon.ico、site.webmanifestが含まれます。
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
よくある質問
なぜこれほど多くの異なるファビコンサイズが必要なのですか?
プラットフォームによって必要なサイズが異なります — ブラウザのタブは通常16x16または32x32を使用し、iOSのホーム画面アイコンには180x180が必要で、Androidは512x512までさまざまなサイズを使用します。完全なセットを生成することで、どこでもアイコンがくっきり表示されます。
.icoと.pngのファビコンの違いは何ですか?
.ico形式は複数の解像度を1つのファイルにまとめることができ、古いブラウザへの対応が最も広いですが、現代のブラウザはlinkタグで直接参照される単純な.pngファイルも受け付けます — 今日ほとんどのサイトは互換性のために両方を使用しています。
アップロードした画像はファビコンを生成するためにサーバーに送信されますか?
いいえ。すべてのリサイズと形式変換はブラウザ内で完全に行われます — 画像はどこにもアップロードされません。
ファビコンとしてSVGを使用できますか?
はい — Chromiumベースの現代的なブラウザやFirefoxは<link rel="icon" type="image/svg+xml">をサポートしており、そのようなファビコンはどんな画面密度でもくっきりと表示され、ファイル自体の中のprefers-color-schemeによってダークモードに反応することさえできます。
Android向けのmaskableアイコンとは何ですか?
メインのアートワークの周りに安全領域を持つアイコンで、Androidはデバイスのテーマに合わせて任意の形状（円、角丸の四角形など）にトリミングでき、アイコンの重要な部分を切り取ってしまうことがありません。