『webサイトのショートカットアイコンについて』のクチコミ掲示板

[ParaibaBlue]

nexus7 2013でgoogle chrome最新版を使っています。

最近、yahoo!トップページのショートカットを「ホーム画面に追加」で新しく作ったら、
アイコンが、紙みたいなものにYマークがつくようになってしまいました。しかも紫で変です。

ウィジェットから同じトップページのブックマークを追加すると、今度は赤の紙になりました。

以前作ったyahooのショートカットアイコンは、appleっぽい角のとれた四角の白に赤文字でした。

もう、以前のような四角いアイコンは新たに作れないのでしょうか??

yahooまたはkitkat4.4.4の仕様なのでしょうか。どなたかご存知でしょうか？

書込番号：18108571

[TOMO58]

ファビコンといって、Webページ側から提供されるものなので時々変わりますね。
変更してもおそらくページ側から変えられてしまうと思います

ちなみに、価格コムなら四角の角丸になると思います

書込番号：18108610

[ParaibaBlue]

ありがとうございます。「ファビコン」！知りませんでした。
検索したらweb作成側のファビコン設定などがいっぱいでてきました@_@。
「ウェブクリップアイコン」というのもあるようですね。
どちらにしてもweb側の設定で、私たちとしてはどうしようもないんですね。

価格コムのトップページ、以前はずっと紙の変なの(右)しか登録できなくて、
今久々にTOMO58さんに促されてやってみたら、ちゃんとしたのが出来ました！よかった！アイコンはこうでなくちゃ!

だけどamazonは、トップページアイコン、かんなりショボいです!!
かの有名なgoogleのトップページのアイコンも、こんなショボさでいいんでしょうか。

(オレンジに青のやつです)。(ヘルプはgの緑のやつです。)

タブレットなので、見た目の美しさも大事なのですが。
みなさんも同じですか？

書込番号：18109911

[ParaibaBlue]

ちなみにyahooのきちんとした角丸のアイコンは、設置してからずっとそのまま使えてます。
今新たにすると変な紙のアイコンになってしまうので、再設置ができない状況です。

書込番号：18109957

[TOMO58]

それぞれの制作側のデザイナー次第なので、利用者側のデバイスで統一できないのが
オシャレじゃないですよね。

デバイス自体薄型になりオシャレになるのに、ごちゃごちゃアイコンが並ぶのは
もったいない。

好みの形状のボタンの中にアイコンを入れるだけで、解決すると思うんだけど
やるかやらないかは、メーカー次第ですね。

ランチャー変えてみるのも手かもしれません。

書込番号：18110276

[interlace]

試しに、googleのサイトをユーザエージェントを変えてアクセスしてみましたら、
iPhoneの場合はソースにウェブクリップアイコンの指定がありましたが、
Android Chromeのではアイコンの指定がありませんでした。
そのため、ファビコンが表示され、そのようなアイコンになったと思われます。

書込番号：18110359

[ParaibaBlue]

interlaceさん詳しく調べてくださってありがとうございます。
では設定自体がandroidはちょっとずさんな感じになっているということなんですねー。

アイコンって、膨大にいるであろうandroidのユーザーに対して「毎日タダでできる自社の宣伝」みたいなものなんだから、
もっときちんとしたアイコンを設定してほしいものです。看板なのにもったいない。

書込番号：18110587

[ParaibaBlue]

ちなみに、さっき家族の持っているタブレットF05-E(android4.1.2)で「ホーム画面に追加」をやってみたら、
写真のようになりました！
yahooJAPANとamazon.co.jpとgoogleのトップページです。

yahooがY!のすかしになっています。
amazonは角丸になりました。
googleはnexusと同じ紙アイコンです。

web側の設定に影響されているはずなんですが、なぜ機種で違うんでしょう？？？！
web設定だけでなく、androidのバージョン違いでもアイコンが違ってくるということでしょうかね。

書込番号：18110617

[interlace]

エミュレートでAndroid 4.3、画面サイズを2種類にして比べてみました。
（4.4.4は動作が不安定でしたので。）

Yahoo!で試したところ、
ユーザーエージェントにMobileを含まれる方は、
角丸のアイコン（apple-touch-icon）が表示されました。
Mobileを含まない方は、紙のようなアイコンになりました。

細かく検証したわけではありませんので、こんな単純な条件では無いと思いますが、
OSのバージョンなどを含め、細かく判定（振り分け）がされていると思います。
アプリ対応の環境であれば、対応アプリのバナーを出すとか。

ちなみに全く振り分けをしない適当なページを作ったところ、
どちらも角丸アイコンになりました。

書込番号：18111189

[ParaibaBlue]

interlaceさん
わぁありがとうございます！
なるほど、そんなに細かく分類されていたんですね@_@
無分類だとちゃんとしたアイコンになったという・・・なるほど。
むしろタブレットだと無分類でＰＣと同じサイトのほうがいいんですが。
今回アイコンは自分で操作できないものだということで残念でした・・・。

自分はnovaランチャー使っているんですが、簡単にアイコンを変えられるんですが、
画像を切りぬいて、四角のとがった感じになってしまう＆正方形に入りきらない＆立体感が全く出ないんですよね。
かといって立体感出したりするにはアイコン自体をまずphotoshopかなんかで作らないといけないので、すごく手間です。
別に角丸にこだわっているわけではないのですが、紙アイコンはしょぼすぎます・・・

どなたか、素敵なアイコンを提唱してくれる方が業界で出てこないかな〜。
TOMO58さんの言う通り、各社でアイコン配布してほしいです。

書込番号：18111410