Aqua Catの電子釣果

~弱小エンジニアの備忘録とガジェット~

FF14のキレイなアイコンを取得する

身勝手なアイコンサイズがAquaCatを傷つけた

今回はFF14の公式ページからアイコンを取得する方法を書く。

ACTのプラグインを使用してアイコンを表示させているのだが、アイコンのデータは自分で用意しないといけない。(下の図緑の枠でかこまれた部分が表示例)

f:id:AquaCat:20180326201742p:plain

 

ということである日、固定のメンバーが画像をアップロードしてくれたのだが・・・

画像のサイズや解像度が無茶苦茶だったのである。

f:id:AquaCat:20180326202644p:plain

『サイズも解像度も無茶苦茶・・・』

くだらないことに神経質になってしまうAquaCat。

データがキレイにそろっていないと落ち着かないのである(最早、病的である)

公式のページに行ってみる。

ということで『データが揃っている場所』からデータを拝借する。

公式のジョブガイドにアクセス

ファイナルファンタジーXIV: ジョブガイド「吟遊詩人」

ハラショー!хорошо 素晴らしい、美しいアイコンが並んでいる。

と思ったが右クリックで『名前を付けて保存』ができない。

 

ページのソースを表示で見てみる。

右クリック→ページのソースを表示を選択。

f:id:AquaCat:20180326204204p:plain

 

下のような画面が表示される。

ざっくりどんなものか説明するとWebページのどういった表示をするかが書かれたプログラムである。

これを元にWebページが表示される。源の意味のソースだ。料理のソースじゃない。

ページのソースを表示とはプログラムの覗き見に近い。

f:id:AquaCat:20180326204402p:plain

 

画像の源を探す。

ソースからアイコンを表示させている部分を探し出す。

(Ctrl+Fキーでページ内検索をすると楽に見つかるはず。)

・・・これだ!どうやら画像はリンク形式で表示させてあったようだ。

f:id:AquaCat:20180326205203p:plain

 

これのhttps://img~.pngのリンクへアクセスしよう。すると・・・

やっと見つけた!

f:id:AquaCat:20180326205634p:plain画像のみが表示され、右クリックで保存もできます。

しかも角の部分がしっかり透過処理されているのでACTで表示されてもフチが浮いたりしない。

公式が使っているデータなのでサイズも解像度にバラつきはないし、何より劣化もない。

 ACTで表示させるとゲーム画面と違和感なく表示できるのだ。 

 

今回はここまで。