ファビコン一式を生成する
多くの生成サイトはロゴをアップロードさせてZIPを返します。このツールは同じ一式をブラウザ内で作ります。しかも .ico は名前を変えただけのPNGではなく、本物の複数解像度ICOです。
- すべてブラウザ内で処理
- オフライン対応
- アップロードなし
- 登録不要
- 透かしなし
ツールを読み込み中…
使い方
- 正方形の画像をドロップします(512×512以上、またはSVG)。
- アプリ名、テーマカラー、Androidマスカブル用の余白を設定します。
- 生成してZIPをダウンロードし、HTMLスニペットを <head> に貼り付けます。
アップロードが不要な理由
このページの処理はすべて、ブラウザのタブ内で動くコードが行います。ファイルはディスクからタブのメモリに読み込まれ、その場で変換され、ダウンロードとして書き出されます。当社にも第三者にも送信されません。
ご自身で確認する方法
- ブラウザの開発者ツール(F12)を開き、「ネットワーク」タブを選びます。
- ファイルを読み込んでツールを実行します。
- 表示されるのはツール自身のコードの読み込みだけで、キャッシュ後は通信そのものがありません。
よくある質問
.ico は本物のICOファイルですか?
はい。16・32・48ピクセルの画像を1つのICOコンテナに格納しています。Windowsや古いブラウザが想定している形式です。PNGの拡張子を .ico に変える方法は、動くブラウザと動かないブラウザがあるため採用していません。
マスカブルアイコンは何のためですか?
Androidはランチャーの形(円・スクワークル・角丸四角など、端末による)にアイコンを切り抜きます。マスカブルアイコンは余白を持たせ、重要な部分が切れないようにするものです。スライダーでその量を調整します。
ZIPの中身は全部必要ですか?
いいえ。favicon.ico と192・512のPNG、manifest でほぼ足ります。apple-touch-icon.png はiOSのホーム画面用です。同梱のHTMLスニペットは、必要なものだけを参照しています。
ロゴはアップロードされますか?
されません。ここでキャンバスに描画し、ZIPもタブ内で組み立てます。未公開のブランドマークは未公開のままです。