M12i.

学術書・マンガ・アニメ・映画の消費活動とプログラミングについて

Windows 8.1でFirefoxのタイルの見栄えを「よりまし」にする方法

NECLaVie Z(2013年秋モデル)導入にともないWindows 8.1が手元にやって来ました。画面の解像度が高すぎて(2560x1440)、表示倍率が150%~200%でないと文字もボタンもサイズが小さすぎて操作に支障を来すレベルなのには面食らいましたが、まあともかくこの軽さと大画面には満足です。

Firefoxのデフォルトのタイルがいけてない

というわけで早速Firefoxをインストールしたのですが、[スタート]のタイルの見栄えがなんともいけていないのです(図1)。背景色が灰色です。他のアプリのタイルがカラフルな背景付きで並んでいる中、Firefoxだけがこれでは無骨でいけません。

f:id:m12i:20131215114149p:plain
(図1:Firefoxをインストールすると追加される[スタート]のタイル)

他のブログ記事などで紹介されているOblyTileを試用してみましたが、Windows 8.1に対応していないか、あるいは私のPCの環境に対応できていないのか、[スタート]に表示されたタイルには[ファイル名を指定して実行]と同じアイコンが使用されてしまう状態で、まったく用をなさないことがわかりました。

Nightlyのタイルもなかなか格好いいけど……

MozillaではNightlyとして試行錯誤中の機能を盛り込んだFirefoxを一般提供しており、こちらのページ
Windows 8 (Metro-style) 版 Firefox をインストールする方法 | Firefox ヘルプ」で紹介された方法で、Metroスタイルのタイルを[スタート]に追加することが可能です(図2)。しかしご覧のとおり、追加されるアイコンはあくまでもNightlyのアイコンであり(まあそれはそれで格好いいのですが)、しかもアイコンを「よりまし」にしたいがためだけに試験的バージョンを導入して、日常のブラウザ使用に対していらぬリスクを持ち込むのもどうかとは思います。

f:id:m12i:20131215115530p:plain
(図2:Nightlyをインストールすると追加される[スタート]のタイル)

Firefoxのアイコンで「よりまし」なタイルを

というわけで少し戻ってOblyTileの挙動などを調べていたのですが、結果として下記のような手順でオレンジ色の背景にはできることがわかりました(図3)。

  1. "C:\Users\(ユーザ名)\AppData\Local\Microsoft\Windows\Application Shortcuts\MyMozillaFirefoxTile"など適用なフォルダを用意
  2. ここにfirefox.exe("C:\Program Files (x86)\Mozilla Firefox\firefox.exe")へのショートカットを作成
  3. Firefoxの公式ロゴを使って背景が透明の.ICOファイルを作成(Gimp等お好みの画像編集ツールでどうぞ)
  4. .ICOファイルも前述フォルダに保存
  5. ショートカットのアイコンを、お手製の.ICOファイルにする(右クリック→[アイコンの変更]→[参照]で、上記.ICOファイルを選択)
  6. ショートカットを[スタート]に追加してタイル化(右クリック→[スタートにピン留め])

f:id:m12i:20131215120740p:plain
(図3:ショートカットと独自の背景透明.ICOで実現された[スタート]のタイル)

しかしオレンジ色背景しか選べないのか?

.ICOファイルを作成するときに背景色を透明でなくして任意の色にすると、タイル化したときにその色がタイルの背景色に使用されるのですが、グラデーションに関連して問題が起きます。Metroスタイルのタイルは単色に見えますが実は微妙にグラデーションがかかっています(左側が若干明るく、右に行くに従って若干暗く)。このため、.ICOファイルを作成するときに単色で背景色をつけてしまうと、.ICOの画像の部分とタイルの背景色の部分でどうしても差が出てしまい見っともないことになってしまいます。

実のところこの背景色は、iTunes11でライブラリ内のアルバムを選択したときに表示される背景色が、当該のアルバムのカバー画像をもとにして決まるのと同じようなロジックとなっているらしいのです。つまり、前述のとおり透明背景で.ICOを作成すると「画像内でもっとも使用面積が大きい系統の色で、かつ、Metroスタイルで使用されるカラーパレット内でもっとも近しい色」という判断が裏で行われた結果、オレンジ色の背景(もちろん適切にグラデーションが設定される)になるようなのです。

というわけでお遊びにFirefoxのロゴの色相を反転させた.ICOを作成してこれをショートカットのアイコンとして使用すると下記のようになります(図4)。なんともへんちくりんな印象ですね……。

f:id:m12i:20131215122705p:plain
(図4:色相を反転させた.ICOファイルを指定した場合の[スタート]のタイル)