English

ファビコン一式を生成する

多くの生成サイトはロゴをアップロードさせてZIPを返します。このツールは同じ一式をブラウザ内で作ります。しかも .ico は名前を変えただけのPNGではなく、本物の複数解像度ICOです。

ツールを読み込み中…

使い方

  1. 正方形の画像をドロップします(512×512以上、またはSVG)。
  2. アプリ名、テーマカラー、Androidマスカブル用の余白を設定します。
  3. 生成してZIPをダウンロードし、HTMLスニペットを <head> に貼り付けます。

アップロードが不要な理由

このページの処理はすべて、ブラウザのタブ内で動くコードが行います。ファイルはディスクからタブのメモリに読み込まれ、その場で変換され、ダウンロードとして書き出されます。当社にも第三者にも送信されません。

ご自身で確認する方法

  1. ブラウザの開発者ツール(F12)を開き、「ネットワーク」タブを選びます。
  2. ファイルを読み込んでツールを実行します。
  3. 表示されるのはツール自身のコードの読み込みだけで、キャッシュ後は通信そのものがありません。

外部送信ゼロの確認方法 →

よくある質問

.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もタブ内で組み立てます。未公開のブランドマークは未公開のままです。