ICO作成

ICOファイルは何のためのもの？

.icoフォーマットは1つのファイルに複数サイズのアイコンをまとめるので、Windowsやブラウザは場面ごとに最も鮮明なものを選べます。16pxのタブアイコン、32pxのタスクバーボタン、48pxのデスクトップショートカットなど。OptImgは各サイズを高品質なリサンプリングフィルターで描画し、どこでも動作する.icoにまとめます。すべてお使いのデバイス上で、アップロードは一切ありません。

よくある質問

画像はサーバーにアップロードされますか？

いいえ。画像のデコード、リサイズ、.icoへのパックはすべてブラウザ内で行われます。アップロードは一切なく、ファイルがデバイスから外に出ることもありません。

どのサイズを含めるべきですか？

16・32pxはブラウザのタブやタスクバーで、48pxはWindowsのデスクトップショートカットで、より大きいサイズ（64〜256px）は高DPIディスプレイで使われます。16・32・48を含めれば、大半の用途をカバーできます。

画像が正方形でない場合はどうなりますか？

リサイズ前に中央で正方形に切り抜かれるので、アイコンが引き伸ばされることはありません。構図を完全に制御したい場合は、まず切り抜きツールで正方形にしてください。

代わりにファビコンパッケージが必要ですか？

ウェブサイトを構築するなら、ファビコン作成ツールが.icoに加えてPNGアイコン、Webマニフェスト、貼り付ける正確なHTMLまで生成します。単体の.icoだけが必要なときは、このICOツールをお使いください。

PNGの拡張子を.icoに変えるだけではだめですか？

拡張子はフォーマットではないため、それではうまくいきません。.icoファイルには独自の構造があります。先頭に、どの画像が入っているか、それぞれの寸法と色の情報はどうかを記した小さな一覧があり、その後ろに実際の画像データが続きます。名前を変えただけでは、誤解を招く名前が付いたPNGが残るだけで、ファイルを実際に解析する側（Windowsのエクスプローラー、インストーラー、古いブラウザー）はこれを受け付けません。一部の新しいブラウザーはファビコンとして渡されたPNGを許容するため、この手が通じるように見えることがありますが、肝心な場面でうまくいかなくなります。

ICOファイルは透過を保持しますか？

元の画像に透過があれば保持します。角が透明であることによって、丸みのあるロゴが暗いタスクバーや明るいデスクトップの上に、四角い枠に囲まれることなく自然に収まります。実際のアルファチャンネルを持つPNGかWebPから始めてください。JPGは透過を持てないため、JPGを元にすると背景が塗りつぶされたアイコンになります。

16ピクセルで見やすいアイコンにするには？

思い切って単純化することです。そのサイズで表現できる情報量は文字1つ分ほどしかなく、社名まで入った完全なロゴは灰色の塊になってしまいます。最も見分けのつく要素をひとつ（頭文字、シンボル、特徴的な形）選び、枠いっぱいまで大きく配置してください。色の正確さより、明るい背景と暗い背景の両方でコントラストがはっきりしていることのほうがずっと重要で、細い線は完全に消えてしまうので、あらかじめ太くしておくとよいでしょう。

ウェブサイトで.icoファイルはどこに置きますか？

慣例としてサイトの最上位にfavicon.icoとして置きます。HTMLで指定していなくても、ブラウザーが自動的に取得しにくる場所だからです。この自動リクエストこそ、この形式を今も用意しておく価値がある理由です。何も設定していなくても機能する最後の受け皿になります。最近のサイトは高解像度ディスプレイ向けにページのhead内でPNGやSVGのアイコンも宣言し、.icoは安全網としてだけ残しておくことが多いです。