ブラウザのFavicon(ファビコン)でユーザーを追跡する「スーパークッキー」とは？ - GIGAZINE

2021/02/10 22 users ファビコン GIGAZINE 警鐘 タブ シンボル

ブラウザのタブなどに表示されるFavicon(ファビコン)は、サイトのシンボルとして重要なアイコンです。しかし、このファビコンにはCookie(クッキー)のようにユーザーを追跡可能な「スーパークッキー」の問題が潜んでいると、研究者らが警鐘を鳴らしています。 Tales of Favicons and Caches – Persistent Tracking in Mod... 続きを読む

GitHub - jonasstrehle/supercookie: ⚠️ Browser fingerprinting via favicon!

2021/02/07 10 users GitHub

Supercookie uses favicons to assign a unique identifier to website visitors. Unlike traditional tracking methods, this ID can be stored almost persistently and cannot be easily cleared by the user. The tracking method works even in the browser's incognito mode and is not cleared by flushing the c... 続きを読む

最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる - GIGAZINE

2020/12/24 285 users ファビコン GIGAZINE タブ フロントエンドエンジニア

ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martia... 続きを読む

ブログアイコン（favicon）をGoogleのガイドラインに準拠するよう変更しました - はてなブログ開発ブログ

2019/07/09 41 users ファビコン ガイドライン Google ブログアイコン 仕様

はてなブログでは、「ブログアイコン（favicon）」の仕様をGoogleのガイドラインに沿うように変更いたしました。 先日、Googleより検索結果一覧にファビコンを表示する変更が行ったという発表がありました。はてなブログでは、すでに「ブログアイコン（favicon）」機能を提供しており、利用者が任意の画像を設定すること... 続きを読む

Favicon そのSEOの価値とブログで注意すべき5つのポイント（辻正浩のブログSEO入門） - 週刊はてなブログ

2019/07/09 147 users ファビコン 辻正浩 SEO 辻正浩さん 週刊

ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon（ファビコン）の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッ... 続きを読む

ブラウザのタブにある「Favicon(ファビコン)」にウェブカメラの映像を映す - GIGAZINE

2019/04/22 30 users ブックマークアイコン ファビコン projects タブ 映像

ウェブサイトのブックマークアイコンになったりブラウザのタブ部分に表示されたりするのが「Favicon(ファビコン)」です。このファビコンにウェブカメラの映像を映すことに、開発者のdavyさんが成功しています。 Tiny Mirror https://wybiral.github.io/code-art/projects/tiny-mirror/ 一体どういうことかというと、以下... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2017/09/22 431 users ファビコン Favourite ICON タブ デバイス

2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む

ロゴのクオリティを判断してくれるAIサービス「Logo Rank」 - めしがくいたい

2017/09/09 31 users クオリティ ロゴ AIサービス イタイ 半透明

2017 - 09 - 09 ロゴのクオリティを判断してくれるAIサービス「Logo Rank」 サイト紹介 このブログのFaviconは１分で作ったこれです。 水色背景に影をかけて、 「め」の字を真ん中に白で置いて、 半透明の境界線をおいただけ。 めしがくいたいの「め」 このロゴってどうなんですかね。 レベルというかクオリティというか。 そんなときはこのサイト。 brandmark.io ロゴ画... 続きを読む

ブログアイコン（favicon）を高精細ディスプレイに対応するなど、見やすく表示されるようにしました - はてなブログ開発ブログ

2017/02/17 27 users Retina 正方形 タブ ディスプレイ Apple

はてなブログでは、ブログを閲覧しているときにWebブラウザのタブなどに表示されるブログアイコン（favicon）を見やすくしました。より大きな画像を配置することで、高精細ディスプレイ （AppleのRetinaなど） でも明瞭に表示されるようになりました。 また、設定された画像が正方形でないときには、画像の中央を内接する最大の正方形にトリミングして配置するようにしました。 いままでのブログアイコン... 続きを読む

宅配トラッカーのfaviconとロゴ（案）

2015/07/22 21 users tdtds 緩募 宅配トラッカー にっき 経緯

きっかけと経緯 【緩募】宅配トラッカーのfavicon (利用者増えてきてちょっと焦ってる)— ただただし (@tdtds) 2015, 7月 16 というツイートをタイムラインで目にしたので宅配トラッカーのfaviconを考えてみました。 関連リンク 宅配トラッカー 宅配便の配達状況を知らせてくれる「宅配トラッカー」を作った - ただのにっき(2015-07-09) 荷物の配達状況を複数個まとめ... 続きを読む

クリエイティブなファビコンを設置しよう | Webクリエイターボックス

2015/04/23 431 users ファビコン Favourite ICON タブ デバイス

Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです（Favourite + Icon = Favicon）。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します！ ファビコンをデザインす... 続きを読む

Webサイトに必要なfaviconが21個になっていた - IT探検記

2014/09/24 1429 users IE用 リスト Webサイト製作 以下 Webサイト

2014-07-18 Webサイトに必要なfaviconが21個になっていた Webサイト製作 久しぶりにWebサイトのfaviconを変えようと思い、調べてみると、必要なfaviconが大幅に増えていることがわかりました。 その数、何と21個！ そんなに増えていたとは。 一応、以下にリストアップしてみます。 faviconのリスト favicon.ico: IE用 favicon-16x16.p... 続きを読む

ページのドメインによって Favicon の色を変えられる Chrome 拡張を作りました - 詩と創作・思索のひろば (Poetry, Writing and Contemplation)

2014/05/09 40 users Poetry 思索 ひろば 区別 Chrome

2014-05-09 ページのドメインによって Favicon の色を変えられる Chrome 拡張を作りました Chrome ウェブ開発者の皆さまにおかれましては、少なくとも本番環境・開発環境の2種類に常に接していると思いますが、ブラウザで両方を開いているような場合にこの区別をつけることが難しい。この問題には、環境によって Favicon の色を変えるという手法が有効であると知られています。たい... 続きを読む

faviconにアニメーション付きのバッジをつけられる「favico.js」:phpspot開発日誌

2013/09/09 80 users バッジ タブ phpspot開発日誌 アニメーション 件数

faviconにアニメーション付きのバッジをつけられる「favico.js」 2013年09月09日- favico.js - Make a use of your favicon faviconにアニメーション付きのバッジをつけられる「favico.js」 faviconに通知等の件数を付与し、単に付与するだけではなく、アニメーションをつけられるJS。 タブがバックグラウンドにある時に、分かりや... 続きを読む

マルチデバイス時代のfaviconを作るときに見ておきたいチートシート | IDEA*IDEA

2013/09/03 35 users IDEA チートシート マルチデバイス時代 キャッシュ スマホ

ちと資料メモ的にエントリー。faviconを作るときのチートシートですね。いろいろ調べてくれたみたいなので活用したいところです。 ↑ 基本的な書き方から・・・。 ↑ スマホやIE10向けの情報やら・・・。 ↑ いろんなサイズ情報などなど。 他にもブラウザ特有の情報やら、キャッシュを消す方法なども紹介されていますのでざっと一読しておくとよいかと思います。 » audreyr/favicon-chea... 続きを読む

Inside Adsense : テキスト 広告 に ファビコン が表示されます

2013/08/14 11 users ファビコン ICON adsense Favorite 語源

Google AdSense ( グーグル アドセンス ）に関する 最新情報 をお届けする、 公式 ブログ です。AdSense に関する活用方法や新機能をご紹介しています。 ファビコン ( Favicon )とは Favorite （お気に入りの） Icon （アイコン）という語源からきていて、ウェブサイトをブラウザで開いたとき、アドレス バーやタブに表示される小さな画像のことです。広告主様が、... 続きを読む

Tumblrに静的ファイルのアップローダーがあった件 | IDEA*IDEA

2013/04/30 30 users tumblr IDEA アップローダー サーバー 手間

ありゃ、これ有名？Tumblrを使っていてFaviconやLogoファイルをアップロードしたいなー、というシーンがありますよね。そうしたときに使えるアップローダーです。 » Tumblr Static File Uploader これで画像ファイルだけ他のサーバーに置いて・・・という手間が省けますね。あとは、ここでもらったURLをテーマのカスタマイズ画面で使えばOKです。 ↑ ここの{Favico... 続きを読む

リンク先のファビコンを取得してリストマーク代わりに表示する方法 *Ateitexe

2013/03/21 11 users ファビコン Ateitexe Twitter jQuery

twitterなどでシェアさせて頂いた記事をまとめたときに、jQueryでリストマークの代わりにファビコンを取得して表示してみよう！と思って試行錯誤した経緯です。 きっかけと、構想 これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ | バンクーバーのうぇぶ屋 こちらの記事を拝見して、なるほどこんなことできるのか、いつか使ってみたいなぁと思っておりました。 で、昨年末。... 続きを読む

もう何も恐くない…綺麗なfavicon作成の基本的なコツ・アイデアまとめ | 株式会社LIG

2013/03/14 344 users 株式会社LIG コツ サリー デザイナー 魔法少女

まどまぎ好きの皆様本当にすみません。 デザイナーのサリーです。 ここから先は魔法少女の「ま」の字も出て来ません。本当にすみません。 ブックマークしたサイトのfaviconを眺めるのが好きです。 小さくて細かいものが並んでいるときゅんとします。 今日はfavicon作成時に気をつけている点や、コツ・アイデアをごちゃまぜにまとめてみました（設置方法は省いています）。 かなり自己流の部分もあるので、参考... 続きを読む

Webカメラの画像をリアルタイムにFaviconに反映させる実験サイト | IDEA*IDEA

2013/02/14 17 users IDEA リアルタイム おー ソース Webカメラ

おー、なんか驚きがありますな。Webカメラの画像をFaviconにしてくれる実験サイトです。 ↑ canvas使ってHTML5+JS的な感じですね。 ソースも覗いてみると勉強になりますよっと。 » Hey look over here! 続きを読む

Retina対応するためにfaviconも16x16だけではなく32x32の準備もお忘れなく、というお話。 → Retina Favicons - コメンター

2012/10/09 10 users コメンター Retina Facebookページ シェア 準備

コメンターとは コメンターは、クリエイターの気になるサイトやページをシェアして、匿名ならではの自由なコメントをみんなで楽しむコミュニティです。 このページをシェア 上記リンクをブックマークツールバーに登録することで、閲覧中のサイトをその場でシェアできます。 Facebookページ 2012年8月にオープンしたコメンターのFacebookページでは、クリエイター向けの最新Web/IT情報をどこよりも... 続きを読む

faviconを円グラフにしてアニメーションできる「Piecon」:phpspot開発日誌

2012/09/05 32 users 図形 一目 進捗 phpspot開発日誌 TITLEタグ

(65%) Piecon / Pie charts in your favicon! faviconを円グラフにしてアニメーションできる「Piecon」。 処理の進捗に応じてtitleタグを書き換える方法もありますが、faviconで円グラフを描くというのは斬新な発想ですね。 画面遷移無しで処理に時間がかかるような時に表示させてあげると他のサイトを見ながら進捗も図形で一目で分かってかなり親切です。... 続きを読む

スマホ対策！faviconを設定するなら「ウェブクリップアイコン」も忘れずにね！ | デザイナーブログ | 株式会社LIG

2012/09/04 226 users ブックマークアイコン 株式会社LIG サリー 近頃 スマホ対策

こんにちは！サリーです。 昔は、設定していたら「あらオシャレ」くらいの感覚だったfaviconも、近頃はすっかり必須項目となってまいりました。 その一方で、最近ではスマホ用の「ウェブクリップアイコン」というものがあります。 これがちゃんと設定してあると「おっ」て思います。とっても簡単なので設定してみましょう。 ウェブクリップアイコンって？ スマホではホーム画面におくブックマークアイコン（タップでブ... 続きを読む

Googleのfaviconが新しいデザインに変更、そしてこれまでの変遷の歴史 - GIGAZINE

2012/08/16 27 users GIGAZINE ファビコン 変遷 タブ アイコン

アドレスバーの左側、お気に入りやブックマーク、あるいはタブに表示されている各サイトを示す小さなアイコン「favicon(ファビコン)」について、Googleのfaviconが新しいデザインに切り替わっています。 Google's New Favicon http://googlesystem.blogspot.de/2012/08/googles-new-favicon.html これが新しいGo... 続きを読む

Lifehackerで紹介されていたChrome拡張機能「TabMemFree」は要注意 - picasの日記

2012/08/15 21 users lifehacker TabMemFree タブ 要注意 結論

結論「TabMemFree」は開きっぱなしのタブのタイトルとfaviconのURLを作者サーバに送っている（本来不要）。 気になった経緯Lifehackerで「TabMemFree」が紹介されていました。はてなブックマークの新着か人気エントリにも上がっていたはず。使っていないタブの読み込みを停止してメモリー使用量を削減してくれる「TabMemFree」開いたままのChromeタブは、相当な量のRA... 続きを読む