JPG を ICO に変換 — アイコンファイルを作る

あとで気づく人が多いので、最初に述べておきます。JPG にはアルファチャンネルがまったくなく、あるピクセルが透けているという情報をそもそも記録できません。JPG の中でロゴの後ろにあるもの——たいてい白——は絵の一部そのもので、アイコンにも不透明な四角として渡ります。

白いブラウザータブの上ではたいてい問題なく見えます。暗いテーマのタスクバーや色付きのツールバー、ダークモードのブックマークバーの隣では、中に何か入った白い箱に見えます。マークを浮かせたいなら、元データが透明を持つ必要があります。PNG から始めるか、ロゴを PNG か SVG でもらってください。

favicon はおよそ 16 ピクセルで描かれます。タスクバーのアイコンは 32 ピクセルです。これはこの文の末尾の句点より小さいキャンバスで、写真はそこへ縮められる過程で失われる何千倍もの細部を持っています。

縮小を生き延びるのはシルエットとコントラストです。1 つの太い形、2 か 3 色、はっきりした輪郭。生き残らないのは顔、文字、テクスチャー、細い線、ごちゃごちゃした背景です。それしか手元にないから写真を変換しているなら、色のにじんだしみができると見込み、まずいちばん見分けやすい要素 1 つに強くトリミングすることを検討してください。

アイコンは正方形で、写真はたいてい正方形ではありません。この変換はトリミングをしません。トリミングとは何を捨てるかを決めることで、それをツールに任せると、まさに重要な画像で間違えます。代わりに行われるのは、絵を正方形の中央に置き、残りを空けることです。3:2 の写真は上下に何もない帯が付き、絵自体はアイコンの高さの 3 分の 2 で描かれます。

ですから先に自分でやってください。どんな画像編集ソフトでも、スマートフォンの写真アプリでも構いません。全体を残すのではなく被写体に強くトリミングしてください。アイコンには文脈を入れる余地がなく、フルサイズでよく見える絵は、16 ピクセルで少しでも読み取れるようにするには、たいてい 2 倍タイトなトリミングが必要です。

ICO が持てるものは辺の長さ 256 ピクセルを超えません。それより大きい JPG は何より先に縮小されます。ファイルに書き込まれるサイズはそこから決まります。既定のセットは 48、32、16 で、「よくあるサイズすべて」を選ぶと 64、128、256 が加わります。

JPG が対応できないサイズを求めても拒否されず拡大されるので、64 ピクセルの絵を「256 px のみ」で変換すると、良くなるどころかぼやけます。既定のセットはほとんどの元データにとって安全で、多くの人がここに来る 2 つの場面——ブラウザータブと Windows のショートカット——をカバーします。混み合ったタスクバーが本当に求める、小さいサイズを手で描き直す作業の代わりにはなりません。ここにあるのは縮小された絵であって、描き直された絵ではありません。

絵は JPG から復号され、ICO の中には可逆な PNG のデータとして保存されます。ですから変換そのものは、JPG がすでに持っている圧縮の跡の上に新たな跡を足しません。

できないのはそれを取り除くことです。元がウェブサイトから拾った強く圧縮された JPG なら、ブロック状の輪郭や暗い線の周りのかすみはピクセルの中にすでにあり、256 ピクセルへの縮小はそれを比率どおり保ちます。手元にある最高画質のコピーから始めることが、どの設定よりここでは重要です。

サイトのルートに favicon.ico として置いてください。ブラウザーは 30 年近くこの正確なパスを要求し続けていて、HTML が何を宣言していても変わりません。そこに置いておけば、サーバーのログに続く 404 の流れも止まります。

再読み込みしてもアイコンが変わらないなら、それは変換の失敗ではなくキャッシュです。favicon は異例に強くキャッシュされます。強制再読み込み、プライベートウィンドウ、HTML のリンクにクエリ文字列を足すことで新しいものが見えます。

ICO は Windows が実行ファイルやフォルダー、ショートカットに使う形式で、シェルは描画するビューに合ったエントリを選びます。ですからここでは「よくあるサイズすべて」を選ぶべきです。エクスプローラーは詳細リストの 16 ピクセルから大きいタイル表示の 256 ピクセルまで、あらゆる大きさでアイコンを描くからです。ショートカットを右クリックし、プロパティ、アイコンの変更を選んで、このファイルを指定してください。

これを行う前に、ICO をどこか恒久的な場所に置いてください。Windows はコピーではなくパスを保存するので、ダウンロードフォルダーから設定したアイコンは、フォルダーを整理した瞬間に消えます。

JPG を最大 100 個まで一度に置いてください。それぞれ自分の端末で個別に変換され、拡張子だけ変わったファイル名を保ち、バッチは 1 つの ZIP として返ります。社内ツールやショートカットの一式がそれぞれ独自のアイコンを必要とするときに便利です。

どの段階でもアップロードはありません。変換はあなたの処理能力でブラウザーのタブの中で動くので、他人の後ろに並ぶ待ち行列も、使い切る 1 日の上限もありません。