アイコンの最終リリース

5年前、ピクセルアイコンのセットを描き始めました。ファッションはVistaでした。 2013年末までに、FatCowセットは3926個のアイコンに達しました。これは、その年の春に番号3570 （サイズ：16x16）に落ち着いたフーガよりも356個多いアイコンです。フーガボーナス（32x32および24x24）の352個のアイコンはカウントされません（リプレイとして）。しかし、FatCowアイコンのさらなる開発は凍結されています。残念ながら、4,000のアイコンの丸い数字は表示されません（1か月の作業が残っています）。既存のアイコンの追加サイズのRetinaのリリースは表示されず、予算不足のため開発は停止されました。網膜などのテストを行うことができました。

はい、これらはメガフォトリアリスティックな3Dではありませんが、誰も必要としないアイコンではありません。これは古いピクセルスクールです。小さなサイズと色域の制限が栄誉でした。さらに10年が経過します...そして、ピクセルアイコンは引き続き使用されると信じています。そして、もしあなたがコンピュータグラフィックスの誕生の時代である古代美術の愛好家なら、画面の後ろにいてください！

インターネット上のアイコンの使用に関する統計[表1]と、最後の（3.92）アイコンパックに加えられた最新の変更について説明します。実際、年々アイコンが広く配布されているおかげで、無料アイコンセットの次の追加の開発のための予算を受け取りました。

表1：アイコン使用統計

World Wide WebでFatCowアイコン（34,863ドメイン）を使用している152,728ページのうち、228ライセンスのみ（0.65％）が単一のライセンス条件を満たし、ソースを参照しています（便利な方法で）。写真を見つけたように、別の面白いトピックがありましたが、誤検知のシェアは無効になりました。

特定の画像へのすべての参照を検索します（Googleで）

4000個のイメージのグループに対して、イメージを使用するリソースのリストをすぐにコンパイルできる適切なソフトウェアを見つけるために、かなり多くの試みが行われました。唯一の選択肢は1Cプログラムを検索することですが、このプログラムはそのようなタスクには高すぎます。車輪を再発明しなければなりませんでした。 Googleフォトサービスを通じてアイコンを検索しようとしました。

全体の問題は、おそらくサイトからのいくつかの要因を考慮していないため、Googleがサイトからではなくディスクからアイコンをプルするように強制することでしたこれはサイズとmd5、幅、高さ、色域、輝度、コントラストなどです。

「任意の」オンラインサービスに写真をアップロードするには、ディスクからまたはURLからの2つの方法があります。ディスクから透明な背景のGoogle画像検索サービスにアイコンをアップロードすると、（非常に大きい）背景コンポーネントを考慮せずに、描画されたオブジェクトのみが考慮されるため、最良の結果が得られます。（URLを使用して）サイトからアイコンを入力すると、透明度が失われ、その後、 白い背景色が色の合計質量と混合されます。ただし、これは単なる仮説であり、誤っている可能性があります。私たちの意見はその結果から発展しました。おそらく、Googleの従業員、またはその主題に属する人々が私たちを修正するでしょう。

奇妙なことに、URLとディスクからロードしようとすると、まったく異なる結果が得られました。（カバレッジの点で）予想される結果に最も近いのは、コンピューターからダウンロードしたときです。ディスクからストリーム上のブラウザにアイコンをロードするために残りました。このアクションを実装するには、ブラウザーエミュレーターが必要です。ブラウザーエミュレーターはコンポーネントSelenium webdriverになり、あらゆるもの（php、C＃、Java、Python、VBA、Ruby、Perl、JS）で記述できます。

次に、自動モードで得られたすべての結果を処理する必要があり、 vba +セレンのデザインが選択されました。24時間後に、3926個のアイコンのそれぞれが使用されるサイトの配列の形で結果が得られました。処理は、サイズ16x16および32x32に対して個別に実行されました。

この配列を処理した後、非常に興味深い統計が得られました。

Seoアイコンの統計

FatCowアイコンを使用したドメインのPageRank統計 [表2]

表2：FatCowアイコンを使用したドメインのPageRank統計。 合計PRの算術平均は6 348です（PR 1-9 NOT ACCOUNTING n / a、0、10の合計値と平均値が処理されます）

FatCowアイコンの最大数で使用されるTOP-30ドメイン [表3]

表3：最もFatCowアイコンが使用する上位30ドメイン

チャートTOP 30は、ドメイン数別にアイコンを使用しました

図 1-ドメインの数（サイズ32x32）で使用されるTOP 30アイコン

図 2-ドメインの数（サイズ16x16）で使用されるTOP 30アイコン

図 3-ドメイン数（サイズ16x16および32x32）で使用されるTOP 30アイコン

色の内訳

アイコンをアルファベット順に並べ替えると、名前が色付けされている場合にのみ、視覚的にも色によっても同様のアイコンが隣り合っていることがよくわかりました。今、私たちは10の原色/基本色と最初の混合色に属するアイコンが付いたフォルダをダウンロードする機会があります-彼らはそれをMixと呼びました。詳細は[表4]。

ミックスカラー：

10色のいずれも優先されません。
花の面積の割合はほぼ等しい。
例：

表4：色ごとのアイコンの内訳の説明の表（色付きのアーカイブをダウンロード）

色による選択は次のとおりでした

まず、よく知られているオンラインの色決定サービスを使用し、いくつかのサービスで個々のアイコンを操作することにしました（順序は関係ありません）。

サービスを使用して、このアイコンを構成する色のリストを取得しました。各色には、パーセント値が割り当てられます。これは、アイコン内のこの色で塗りつぶされる領域を示します（色の合計量の割合（％））。

基礎は、サイトlabs.tineye.comの 10の基本色を取りました。他のオプションには、単に検討する時間がありませんでした。

Labs.tineye.comサービス

labs.tineye.comサービスは、情報の表示方法のために最初に選択されました。しかし、重要な処理アルゴリズムを必要とする詳細な情報が多すぎるため、後で他のサービスを検討する必要がありました。簡単に言えば、ベース（10色+ 1色-ミックス）に膨大な数（1536シェード）のシェードを加えることは困難でした。

色の分離は次のようになります[図4]。例：アイコン

サイトによる処理後のbug.pngは、bug.pngのようになります。

図：labs.tineye.comによるbug.pngアイコンの4色の内訳

ここでは、HEXカラースキームの色表現を確認します。つまり、色域が視覚的に表示され、16進表記の色、アイコン内の各色のパーセンテージ領域、WEB色の名前、および括弧内の基本色が表示されます。

（コロラドハムシに基づいて）カラーテーブルを分析する場合、3つのオプションがあります。

コンポーネントシェード/カラーの最大パーセンテージ領域は、赤色ファミリのRustシェードの22.9％です。
グレー、クイルグレー、グレー系の皇帝。
このアイコンの視覚的に支配的な色は茶色です。

塗りつぶし領域の割合としてのグレーの色が大きいことがわかりますが、目視ではこのアイコンの主な色は茶色です。

HEXは、カラースキームの16進数表現です。 16進数システムでは、数字を文字で表すのが一般的ですが、文字+数字を組み合わせて使用することもできます。

16進数の3つのペアの形式で表現します。各ペアは、独自の色（＃123ABC）を担当します。

最初の2桁は赤です
中央の2つ -緑
最後の2桁は青です

サービスprojekty.brostudio.pl/color/

サイトhttp://projekty.brostudio.pl/color/は、より平均化された結果を示しました。

このサービスは、そのミニマリズムと、メインカラーの形式で認識しやすいデータを表示するために選択されました。

図5：サイトprojekty.brostudio.pl/color/に応じたbug.pngアイコンの色の内訳

しかし、すべてのアイコンが視覚的に支配的な色と一致したわけではないという事実のために、私はさらに調べなければなりませんでした。

図6：サイトprojekty.brostudio.pl/color/によるブライトカイトアイコンの色の内訳

Colorexplorer.comサービス

サイトhttp://www.colorexplorer.comも平均色を示しましたが、その比率は示していませんでした[図7]。

図7：colorexplorer.comによるbug.pngアイコンの色の内訳

また、「散らばった色」のアイコンを読み込むと、サービスははるかに劣っていました。そして、支配的な色を決定することは困難でした。

サービス：

その他の多くは、さまざまな不適切または未処理の特性により拒否されました。

別の例を考えてみましょう

別のブライトカイトアイコンの例を考えてみましょう。

。

このアイコンの内訳は、下の図[図8.9]で見ることができます。

図8：labs.tineye.comによるbrightkiteアイコンの色の内訳

図9：colorexplorer.comによるbrightkiteアイコンの色の内訳

[図8]のデータからわかるように、このアイコンの割合は緑のカテゴリに分類されますが、視覚的な表現によると、このアイコンはダークグレーに起因する可能性があります。それは混合色にもなりますが。

しかし、希望をあきらめず、これらのサイトから色の統計を上の図に示すデータの形で収集しました。その後、私たちはそれらを処理しようとして、いくつかの平均化されたコンポーネントを導きました。支配的な色のみを残しても、アイコンの実際の外観に関する非常に信頼できない情報を受け取りました。

これらすべてにより、不必要な処理とソリューションの検索が行われましたが、ソリューションへの投資は時間と労力を返済しませんでした。

面白い統計

これらの処理から表示する必要があると考えられる唯一のものは、色成分の分布の境界です。これは、パーセンテージで支配的な色に基づいています。

サイトのバージョンhttp://projekty.brostudio.pl/color/によると、それは真実に最も近い[図10]、真実とは視覚的な分布を意味します。

図10：サイトバージョンprojekty.brostudio.pl/color/による主要な色の分布

labs.tineye.comの Webサイトによると、すべてが少し異なって見えます[図11]。

図11：labs.tineye.comによる主要色の分布

このグラフ[図12]は、アイコンの数と色の数を示しています。たとえば、453個のアイコンが1色で構成されていることがわかります。つまり 453個のアイコンでは、支配的な色がアイコン領域全体の95％を超えて塗りつぶされています。したがって、グラフには、ほとんどの3色のアイコンがあり、そのうちの1023個が示されています。

図12：アイコンで使用される色の数

以下は「私たちの」バージョンのチャートです。サンプリングは目で手動で行われました[図13]。

図13：目バージョンによる支配的な色の分布

別のセクションの同じグラフ[図14]。

図14：目バージョンによる支配的な色の分布

結果を要約するために、前述の色のアイコンの数の依存関係の3つのバージョンを比較するグラフを作成しました[図15]。

___

-projekty.brostudio.pl/color/
___

-labs.tineye.com
___

-「私たちのバージョン」

図15：目バージョンによる支配的な色の分布

あいにく、アイコンに関する広範な知識と多数の統計データのシャベルに加えて、ロシアのイヴァン法では望ましい結果が得られませんでした。

最新の公開リリースで何が行われましたか？

名前が変更されたアイコン（award_star_bronze_1.png => award_star_bronze_red.png; award_star_bronze_2.png => award_star_bronze_green.png; award_star_bronze_3.png => award_star_bronze_blue.png; temperature_3.png => temperature_normal.png （両方のサイズ）
再構築されたソース：
以前は、197個のファイル、1個のファイル=アイコン付きの20個のレイヤー（ .aiファイルなど）がありました。
現在：3926ファイル（16x16および32x32バージョンの場合）、1ファイル=アイコン付き1レイヤー（例）。
重複するレイヤーは削除されました。
予想どおり、このような数のファイルのインベントリが開始されると、必然的に不足または紛失したファイルの形で不足が発生し始め、必然的にドラフトが作成されたか、不足している部分が見つかり、再作成されました
.aiソース内の名前が変更されたレイヤーはすべて、アイコンの名前に合わせて配置されます（ダッシュ、アンダースコア、タイプミスに置き換えられます）

追加：

色ごとのアイコンの内訳が作成されました。青いフォルダ内の青いアイコン、緑-緑。 10個のフォルダーのみ-fatcow-icons-3.9.2-colors.zip
灰色の色合いが好きな人のために、このパックは灰色の色調で特別に作成されました（ fatcow-icons-3.9.2-grey.zip ）
ICO標準セットfatcow-icons-3.9.2-ICO.zip 、両方のセットもimagemagickを使用して作成されました。詳細はこちら-ImageMagick_secret

PS 初めて 、アイコン（.aiファイル）のベクターソースコードが表示されます。ファイルが約3ギガバイトになり、いつでも落ちる可能性があるため、ファイルが削除されるまでダウンロードします。fatcow-hosting-icons-3.9.2-ai-src.zip

FatCowアイコン時代の日没（色の選択、トップ30およびその他の演算）