Favicon ジェネレーター
ロゴや画像から完全な favicon セットを生成。16〜512 px の 6 サイズ PNG、角丸オプション、貼り付けるだけの HTML 付き。すべてブラウザ内で処理します。
ここにファイルをドロップ、またはクリックして選択
このツールは完全にブラウザ内で動作します。データは端末から出ず、サーバーへアップロードされることはありません。
使い方
- 1画像を 1 枚ドロップします(正方形のロゴが最適)。
- 2余白の背景色と角のスタイル(四角 / 角丸 / 円)を選びます。
- 3セットを生成し、各サイズまたは .zip をダウンロードします。
- 4HTML スニペットをページの <head> に貼り、PNG を公開フォルダへ置きます。
Favicon ジェネレーター
ほぼ正方形の画像を 1 枚ドロップするだけで、実際のプロジェクトに必要な 6 種類の PNG を一度に生成します:16・32・48 px のファビコン、180 px の apple-touch-icon、Android や PWA マニフェスト用の 192・512 px。正方形以外の画像は、選んだ背景色で余白を埋めて正方形キャンバスの中央に配置され、角は四角・角丸・円から選べます。
各サイズは実際のピクセル数で描画され、個別ダウンロードも .zip 一括も可能です。ファイル名と一致する <head> 用スニペットも生成されるので、PNG をプロジェクトの公開フォルダに置けばすぐ使えます。
よくある質問
実際に必要な favicon サイズは?
16 と 32 px がブラウザタブ、48 px はショートカットやブックマーク、180 px は iOS のホーム画面、192 と 512 px は Android や PWA マニフェストが求めるサイズです。6 種類を一度生成しておけば後は考えなくて済みます。
16 px でロゴがにじむのはなぜ?
16 px のアイコンは合計 256 ピクセルしかなく、細部や細い線は消えてしまいます。太い線と強いコントラストのシンプルな図形が最適です。複雑なロゴなら、小サイズ用に簡略化した別バージョンを用意するのがおすすめです。
.ico ファイルはまだ必要?
最新のブラウザは <link> タグ経由の PNG favicon で動作するため、このツールが生成するコードで十分です。レガシーな .ico が必要なのは非常に古いブラウザだけで、多くのサイトでは無視できます。
関連ツール
画像切り抜き
ドラッグハンドルとピクセル単位の座標指定で 1:1・4:3・16:9・自由比率に切り抜き。選択範囲を一括適用でき、すべてローカル処理です。
すべてのツール →
画像リサイズ
正確なピクセル指定やパーセント指定で画像をリサイズ。アスペクト比固定にも対応し、まとめて一括処理——ファイルは端末から出ません。
すべてのツール →
画像フォーマット変換
PNG・JPG・WebP を品質調整付きで相互変換。フォルダごとドロップして結果をワンクリックで保存——処理はすべて端末内です。
すべてのツール →
画像圧縮
品質スライダーをリアルタイム調整しながら JPG・PNG・WebP を圧縮。一括処理と圧縮前後のサイズ表示付き、すべてブラウザ内で完結します。
すべてのツール →
PNG から JPG へ変換
PNG を JPG に変換してファイルサイズを大幅削減。透明部分は白背景になり、品質は自由に調整——一括処理でローカル完結、アップロードなし。
すべてのツール →
ツールを埋め込む
1 行であなたのサイトにツールを。訪問者のブラウザ内で動きます。
<iframe src="https://zoyku.com/ja/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>