ファビコン生成
画像1枚から16・32・48・180pxのファビコンPNGセットとHTMLタグを一括作成
도구를 불러오는 중…
🔒 すべてブラウザ内で処理されます。アップロードしたファイルや入力内容がサーバーに送信されることはありません。
ロゴや画像をアップロードすると、ブラウザタブ・ブックマーク・モバイルのホーム画面に使う16・32・48・180pxのファビコンPNGセットをcanvasで作成し、それぞれダウンロードできるツールです。HTMLの<head>に貼り付けるリンクタグも一緒に提供するので、そのままコピーするだけで済みます。
使い方
- 正方形に近い画像をドラッグ&ドロップするか、クリックしてアップロードします。
- 透明な背景を保つか、背景色で塗りつぶすかを選びます(アップルアイコンは背景色を推奨)。
- 生成された16・32・48・180pxのファビコンを、それぞれダウンロードボタンで保存します。
- 提供されたHTMLリンクタグをコピーして、サイトの<head>に貼り付けます。
よくある質問
- なぜ.icoではなくPNGで作るのですか?
- 最近のブラウザはすべてPNGファビコンに対応しており、sizesを指定したPNGセットの方がさまざまな画面で鮮明です。16・32・48pxはタブ・ブックマーク用、180pxはiOSのホーム画面(apple-touch-icon)用です。
- アップルタッチアイコンが黒く表示されます。
- iOSはapple-touch-iconの透明部分を黒で塗りつぶします。「透明な背景を保つ」をオフにして白などの背景色を指定すると、iOSのホーム画面でもきれいに表示されます。
- アップロードした画像はサーバーに送信されますか?
- いいえ。画像のリサイズやPNG生成はすべてブラウザのcanvasで処理され、ファイルがサーバーにアップロード・保存されることはありません。
