ファビコンジェネレーター

ロゴを1つ入れるだけでZIPを生成。favicon.ico、Apple/Android用PNG、貼り付け用HTMLがすべて手に入ります。

Drop a logo or icon image here
Tap to choose a file
またはクリックして選択 ·PNG SVG JPG · does not need to be square
ショートカットPNG → ICOSVG → ICO
ファビコンジェネレーター


セット内容

favicon.ico(16、32、48pxを1ファイルに統合)、favicon-16/32/48.png、apple-touch-icon.png(180px、iOSホーム画面用)、icon-192.pngおよびicon-512.png(AndroidおよびPWA用)、site.webmanifest、そしてheadタグ用のコード。これらすべてが1つのZIPにまとまります。

最適な元画像

512px以上の正方形PNGまたはSVGです。横長のワードマークは中央配置されて両側に余白ができるため、シンボルマーク単体のほうが16pxでもはるかに見やすく残ります(そのサイズでは文字は読めなくなります)。

背景と角の丸み

透明な背景はタブやブックマークで自然に見えますが、iOSではホーム画面アイコンの透明部分が単色(通常は黒)で塗りつぶされることがあるため、背景を設定するほうが安全です。iOS側で自動的に角が丸められるため、apple-touch-iconは通常正方形のままで問題ありません。iOS、Android、WindowsはそれぞれApple、Google、Microsoftの商標です。Keepdeskはこれらの企業と提携、後援、推奨の関係にはありません。

設置方法

ファイルをサイトのルート(/)に配置し、snippet.htmlの記述を内に貼り付けます。キャッシュによって古いアイコンが残り続ける場合は、URLの末尾に?v=2を追加してください。

利用シーン別ガイド

よくあるご質問

画像はアップロードされますか?

いいえ。リサイズ、ICOファイルのパック、ZIP圧縮はすべてお使いのブラウザ内で行われます。

SVGは使用できますか?

ブラウザで描画可能なすべてのSVGに対応しています。外部フォントや外部画像を参照しているSVGは、その部分が反映されない場合があります。

古いWindowsでICOが表示されません

PNG形式を内包したICOは最新ブラウザや近年のWindowsで読み込めますが、非常に古い環境ではBMPベースのICOしか読み込めない場合があります。そうした環境向けにfavicon-32.pngも併せて配置してください。

ダウンロードには具体的にどのようなファイルが含まれていますか?

マルチサイズのfavicon.ico、各種PNGアイコン、Webマニフェスト、および必要なHTMLリンクスニペットを含むZIPファイルを取得できます。

アイコンの角を丸くすることはできますか?

はい、アイコンの形状は正方形、角丸、円形から選択できます。

このツールは画像の背景を自動的に削除しますか?

いいえ、背景の削除は行いません。透過画像が必要な場合は、あらかじめ背景削除ツールをご利用ください。

画像の周囲に余白(パディング)を追加することはできますか?

はい、アイコンの端が見切れないよう、0%、8%、15%の余白を適用できます。