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

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

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

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

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

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

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

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

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

クリエイティブなファビコンを設置しよう | 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にアニメーション付きのバッジをつけられる「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作成の基本的なコツ・アイデアまとめ | 株式会社LIG

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

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

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

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

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

これはお役立ち！リンク先のfaviconをリンクアイコンとして表示させる方法！ | バンクーバーのWEB屋

2012/05/29 210 users アレ アイコン バンクーバー アイコン化 リンク

よくリンクにアイコンを付けることってありますよね？アレをリンク先のfaviconを自動で表示させることってできればって思ったことってないっすか？ そんなWEB屋なら一度は（？）考えたことのあるfaviconのアイコン化がこんな感じで実装できることをつい先日知ることになり、びっくり感動してしまったので是非ご紹介させて頂ければこれ幸いです！ 元記事はこちら！ Favicons Next To Exte... 続きを読む

faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」:phpspot開発日誌

2012/02/29 77 users jQueryプラグイン phpspot開発日誌 既存 文字

faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」 2012年02月29日- jquery favicon faviconをアニメーションさせたりテキストを付与できるjQueryプラグイン「jQuery Favicon」。 faviconをダイレクトに書き換えることができ、既存のアイコンに文字をプラスして表示させることもできます 例えば... 続きを読む

こんな手が！Faviconを使って通知数を表示する「Tinycon」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ

2012/02/19 122 users MOONGIFT チャット ITエンジニア オープンソース

Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 0 続きを読む

ロゴ、背景、アイコンなどの画像ジェネレータ厳選20個｜Webpark

2011/03/16 628 users Webpark ストライプ グラデーション アイコン ロゴ

背景、ロゴ、favicon、Ajaxローディングなどの画像をオンラインで作成できるサイトを集めました。まだまだありますが、多すぎるとかえって不便だと思うので各ジャンルごとで3個または5個で厳選しています。背景関連1. Stripe Generatorストライプの模様を作るならここ。ストライプの幅はもちろん、影や柄なども自由自在です。グラデーションもつけることもできます。2. bgMaker背景パタ... 続きを読む

ウェブサイトのトラフィックを faviconで可視化

2010/08/25 204 users トラフィック ウェブサ ウェブサイト 可視化 alexa

数多あるウェブサイトをトラフィック量に従った大きさで可視化したら......その答えがIcons of the Webです。もうすこし正確に言えば、Alexaのトラフィックデータ集計で上位100万のウェブサイトからfaviconを収集、ちゃんと集められた28万8945個のアイコンをトラフィック量に合わせて配置することで、このウェブサービス絵巻を作り上げています。もともとはfaviconからウェブサ... 続きを読む

Firefoxでページ内の画像を一気にぶっこ抜く方法 - IDEA*IDEA ～ 百式管理人のライフハックブログ

2010/08/19 292 users IDEA Firefox ダウンローダー ダイアログ 画像

誰かさん向けエントリー。意外に知らない人が多いのね・・・。 あるページを見ていて、ここにある画像全部欲しい！ってときがありますよね。専用のダウンローダーもありますが、そういうときはFirefoxを使うと便利ですよ。 以下、簡単にやり方をば。そういえば昨日のエントリー書くときに使ったなぁ。 ↑ このページの画像を全部欲しいとしましょう。 ↑ Faviconをクリックして出てくるダイアログでこちらをク... 続きを読む

とってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COM

2007/11/14 605 users 100SHIKI com AM written ツール 特徴

これが決定版じゃね？とってもお手軽なFavicon作成ツール『Favikon』 November 14, 2007 9:17 AM written by webmaster これは便利。 Faviconをブラウザ上で作れるツールがFavikonである。もちろん、こうしたツールは他にもある。 ただ、Favikonは「画像のこの部分をFaviconにしてね」をブラウザ上で手軽に指定できる点が特徴である... 続きを読む

ブラウザ上で簡単にFaviconが作れる『favicon.cc』 | P O P * P O P

2007/07/05 113 users クリエ エディター Apprentice II アイコン ほか

ブラウザ上で簡単にFaviconが作れる『favicon.cc』 July 5, 2007 12:07 PM written by 100SHIKI Apprentice II ちょこちょこっとFaviconを作りたい、というときに便利そうなのが「Favicon.cc」。ブラウザ上のエディターで簡単にアイコンを作っていくことができます。 作ったアイコンはダウンロードして使うことができるほか、クリエ... 続きを読む

オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 - GoogleMania | グーグルの便利な使い方

2007/07/04 77 users GoogleMania グーグル マズ 使い方 管理人

オリジナルfaviconを超簡単に作ることができる『favicon.ico Generator』 管理人 @ 7月 4日 10:24pm Google以外のサービス faviconを超簡単に作ることができるサイトをご紹介。 「favicon.ico Generator」は１６×１６のマスの色を自由に塗って、自分のオリジナルのfaviconを作ることができるサイトです。 下のプレビューウィンドウには... 続きを読む

[N] 画像からfaviconを作成する「FavIcon from Pics」

2007/06/22 74 users Generate FavIcon from Pics 画像

画像からfaviconを作成する「FavIcon from Pics」 2007年06月22日 13:49 ブロガーに役立つ“情報源”120サイト（テンプレート・プラグイン・アクセス解析etc.）というエントリーで紹介したのですが、画像からfaviconを作成することができる「FavIcon from Pics」というサイトがありました。 使い方は簡単で、画像をアップロードして「Generate ... 続きを読む

Forgot the Milk. - Faviconをサクサク作ってくれる８つの Faviconジェネレータ サイト

2007/06/02 470 users ユーザ Forgot the 個性 自己満足 興味

Favicon は、サイトオーナー（ブログオーナー）の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。そんな Favicon ですか、あなたはどのように作成していますか？ここで紹介するサービスを利用すると、簡単に Favicon を生成することができます。元となる画像... 続きを読む

ウェブ上で使える何かと便利な変換ツールいろいろ | POP*POP

2007/04/11 1275 users POP ウェブ上 Apprentice II 変換 変換ツール

ウェブ上で使える何かと便利な変換ツールいろいろ April 12, 2007 7:36 AM written by 100SHIKI Apprentice II ちょこっとした作業をするときにウェブ上のツールは便利ですよね。今回はそうしたウェブ上のツールでも変換系をまとめて紹介している記事をご紹介。 ファイル形式の変換や、Favicon、カラーコードの変換ツールなどなど。知っていると便利ですね。 ... 続きを読む

404 Blog Not Found:perl - 任意のURIからfaviconを取得するAPI

2007/03/21 114 users perl Alt Path URI API

The requested blog was not found on this server -- unless you requested that of Dan Kogai (小飼 弾). 利用法は簡単です。 <img src="http://api.dan.co.jp/favicon/http://www.example.com/path/" alt="favicon"> 例: http:... 続きを読む

Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O P

2007/01/31 510 users Apprentice AM written ツール類 P O

Faviconをつくるときに参考にしたいデザイン＆ツールいろいろ January 31, 2007 8:58 AM written by 100SHIKI Apprentice アドレスバーやブックマークの左側に表示されるFavicon（こんなの↓ですね）に関する記事がありました。 参考になりそうなきれいなデザインやツール類があったのでご紹介。これからFaviconつくるぞー、という人はよろしけれ... 続きを読む

好きなFaviconを淡々と並べてみる | caramel*vanilla

2007/01/13 132 users caramel*vanilla Greasemonkey

Faviconが好き! 16×16の限られたちっちゃい枠の中でサイトのイメージを作るのに一役買ってくれるFavicon ブラウザのタブやアドレスバーでひっそりたたずんでいるだけではもったいないのでGreasemonkeyを使っていろんなところで表示させています。 Userscripts.org: fav.icio.us2 ドレッシングのような - 『 色んなところにfaviconを - camer... 続きを読む

特定のタブの幅を縮めるFirefox用拡張機能 * FaviconizeTab

2006/11/04 147 users バージョ コンテキストメニュー タブ 特定 寸法

インストールするとタブのコンテキストメニューに「FaviconizeTab」と言うのが追加されるので、それをクリックするとタブの幅が favicon のサイズまで小さくなります。もう一回 FaviconizeTab をクリックすると元に戻るっていう寸法。 faviconizetab-0.9.8.2.xpi Firefox Add-ons (English page is here) 過去のバージョ... 続きを読む

Going My Way: Googleの検索結果やはてなブックマークにfaviconを表示するGreasemonkeyユーザースクリプト

2006/10/20 54 users スポンサード アイキャッチ エントリー Google 検索画面

Googleの検索結果やはてなブックマークにfaviconを表示するGreasemonkeyユーザースクリプト スポンサード　リンク Googleの検索画面はシンプルでいいわけですが、サイトのアイキャッチとしてfaviconを一緒に表示してしまうという、Greasemonkeyユーザースクリプトが、色んなところにfaviconを - cameraLadyというエントリーで紹介されていました。(th... 続きを読む