Faviconを作成する画像をドロップ

ドラッグ&ドロップ、貼り付け、またはファイルを選択

PNG · JPG · WebP · SVG — アイコンはお使いのデバイスで生成

Faviconジェネレーター

1枚の画像から完全なfaviconセットを作成 — favicon.ico、全サイズPNG、apple-touch-icon、Androidアイコン、Webマニフェスト、HTMLスニペット — 1つのZIPにまとめて、ブラウザ上で完結。

完全無料透かしなし登録不要 PNG · JPG · WebP · SVG

よくある質問

Faviconとは何ですか?どのサイズが必要ですか?

Faviconはブラウザがタブ・ブックマーク・履歴に表示する小さなアイコンです。単一のサイズはなく、現代のサイトは複数を用意します:16・32・48 pxを含むfavicon.ico、512 pxまでのPNGアイコン、iOS向け180 pxのapple-touch-icon、AndroidとPWA向け192/512 pxアイコン。このジェネレーターは一度にすべてを作成します。

PNGからfavicon.icoを作成するには?

PNG(またはJPG・WebP・SVG)をツールにドロップします。画像を16・32・48 pxにリサイズして1つのfavicon.icoにまとめ、独立したPNGアイコンも同梱します。ZIPをダウンロードしてfavicon.icoをサイトのルートにコピーしてください。

画像はどこで処理されますか?

すべてブラウザ上で処理されるため、アイコンはご自身のデバイスで作成されます。ツールに関連するデータの取り扱いについては、プライバシーポリシーをご確認ください。

どのファイルが得られ、どこに置きますか?

ZIPにはfavicon.ico、PNGファビコン(16–512 px)、apple-touch-icon.png、android-chrome-192/512のPNG、site.webmanifest、貼り付け用HTMLスニペットが含まれます。ファイルをサイトルートにコピーし、スニペットをページの<head>に貼り付けてください。

ソース画像は正方形でないといけませんか?

アイコンは正方形なので正方形が最適です。画像が正方形でない場合は中央に配置されレターボックスで正方形のフレームに収められます。背景色とパディングを追加することで非正方形のアートもアイコン内に綺麗に収まります。

Faviconの背景は透明と単色のどちらが良いですか?

透明(PNG)はほとんどのブラウザで最もきれいに見え、ライト・ダークタブの両方に対応します。ロゴに細い線があって特定のテーマで見えなくなる場合、または角丸の統一されたアプリアイコンの見た目にしたい場合は単色背景を使用してください。

iOSやAndroidのアプリアイコンも作成できますか?

はい。「アプリアイコン」モードに切り替えると、iOSの完全なセット(XcodeとApp Store向け40–1024 px)とAndroidのmipmap密度に512 px Play Storeアイコンを加え、ZIP内のフォルダに整理してエクスポートできます。

ウェブサイトにFaviconを追加するには?

ファイルをサイトルートにアップロードし、提供された<link>タグをすべてのページの<head>(または共有レイアウト)に貼り付けてください。favicon.icoの行は古いブラウザをカバーし、PNGとapple-touch-iconの行は現代のブラウザとiOSをカバーし、マニフェストの行はAndroidとインストール可能なPWAをカバーします。

新しいFaviconが表示されないのはなぜですか?

ブラウザはFaviconを積極的にキャッシュします。強制リロードを行い、ファイルを直接開いて(yoursite.com/favicon.ico)確認するか、プライベートウィンドウを試してください。ファイルが公開された後でも、タブやブックマークの更新には少し時間がかかる場合があります。

Faviconジェネレーターは本当に無料ですか?

はい — 完全無料、透かしなし、登録不要です。FaviconとアプリアイコンのセットをいくつでもZIPで生成できます。

すべてのFavicon・アイコンツール

必要なアイコン作業に直接アクセスできます。

他の画像ツール