web-dev-qa-db-ja.com

Windowsタスクバーアイコンの境界線が醜い

今日では、アイコンはベクターグラフィックスのおかげで本当に見栄えがします。しかし、Google Chrome Google Maps/Search and Craftのショートカットアイコンは、レンダリングが正しく機能しなかったように、少し奇妙に見えるので、何かがうまくいかなかったに違いないという印象があります。丸で囲まれた境界線(特に他のアイコンと比較して)。

これを修正する簡単な方法はありますか?

enter image description here

元のショートカットアイコンは非常に見栄えがします(そして奇妙な境界線はありません):

enter image description here

ライトモードを使用しています:

enter image description here

そしてGoogle Chromeショートカット、ブラウザメニューから作成:

enter image description here

1

ダニエルBに触発されて、私は簡単な回避策を実行しました。これは完璧ではありませんが、今のところ十分です。オンラインコンバーターを使用して.icoを.pngファイルに変換してから、.icoに戻しました。最終結果は、背景が塗りつぶされた長方形のアイコンになります(変換中に透明度が失われたため)。

enter image description here

0

今日、アイコンはベクターグラフィックスのおかげで本当に見栄えがします。

Windowsではありません! Windowsはベクターアイコンをサポートしていません。それらはすべてビットマップです。ビットマップの解像度が正しくない場合(または、必要な解像度が利用できない場合は.icoなどの多重解像度形式で)、自動スケーリングされた画像が表示されます。

ここに表示されているのは、最適ではない画像スケーリングアルゴリズムを使用したときに表示されるアーティファクトです。高コントラストの境界線とアルファチャネルの透明度は、これらの種類のアーティファクトの影響を特に受けやすくなっています。 Chromeこれらの画像はかなり大きな(Googleマップでは512x512)ソース画像から自動的に作成されます。これにより、最適な結果が得られません。

Google Maps icon in IcoFX

この特定のアイコンの問題は、透明な背景が実際には黒であるということです。画像を縮小すると、この黒い背景が円の境界の半透明の領域に浸透し、灰色の「輝き」を生み出します。

おそらく手動で独自のアイコンを作成する以外に、これを修正するためにできることは何もありません。

この特定のケースでは、選択した画像エディタを使用して、(ソース画像上の)円を1または2ピクセル縮小して、黒い背景をさらに遠ざけることができます。次に、アイコンエディタ(私はIcoFX 1.6.4、最後のフリーウェアバージョンを使用)を使用して、編集した画像から適切なアイコンを作成します。

Chrome開発者ツールで画像をダウンロードしていることがわかります。

2
Daniel B