ファビコン生成ツール

このツールは役に立ちましたか?コメントを残したり、コツを共有したり、改善方法を教えてください。

このツールの機能

ロゴまたは画像をアップロードすると、このツールは完全なファビコンパッケージを生成します。マルチ解像度のfavicon.ico、最新のブラウザやデバイスが求める各サイズの個別PNG、apple-touch-icon、Android Chromeアイコン、あらかじめ入力されたsite.webmanifest、ページの<head>に貼り付ける正確なHTMLタグまで、すべてが1つのZIPダウンロードにまとめられています。

仕組み

あなたの画像は、選択に応じて中央に配置された正方形にトリミングされるか、背景色で余白を追加された状態で、各ターゲットサイズ（16、32、48、180、192、512ピクセル）のHTMLキャンバスに描画されます。その後、最も小さい3つのサイズが、現在のすべてのブラウザとOSが正しく読み取る軽量なバイナリコンテナであるPNG埋め込みICO形式を使って、1つのfavicon.icoにまとめられます。ZIPファイル自体に至るまで、すべてがブラウザ内で組み立てられます。アップロードされるものは何もありません。

解決できる問題

• 1つの元画像から、最新のサイトに必要なすべてのファビコンサイズを生成し、それぞれを手動でリサイズする手間を省くこと。
• 専用の画像ソフトを使わずに、正しく構成されたマルチサイズのfavicon.icoを作成すること。
• 画像ファイルだけでなく、すぐに使えるsite.webmanifestと対応するHTMLタグを入手すること。
• 公開前に、アイコンがブラウザタブで実際にどう見えるかをプレビューすること。

よくある質問