最新の手法でブラウザのタブに表示される「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作成の基本的なコツ・アイデアまとめ | 株式会社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を使って通知数を表示する「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」。ブラウザ上のエディターで簡単にアイコンを作っていくことができます。 作ったアイコンはダウンロードして使うことができるほか、クリエ... 続きを読む

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) 過去のバージョ... 続きを読む

Favicon（お気に入りアイコン）が簡単に作成できるWebツール :: Love & Design ::

2006/09/18 357 users DESIGN タブ LOVE Favicon Japan 個性

Faviconとは、Favorite Icon の略でブラウザのブックマークや、サイトを開いた時のアドレスバーやタブに表示される 16×16 の小さなアイコンのことです。 （faviconに対応していないブラウザもあります） Faviconを設置するメリットは、個性をPRしたり目立つということでしょうか。 今回は、Faviconが簡単に作成できるサイトをご紹介します。 Favicon Japan!... 続きを読む

ドット絵関連のサイト特集 - 2006-09-03 - 聴く耳を持たない(片方しか)

2006/09/03 150 users 片方 前面 オマケ アイコン ドット絵

dot簡易目次 ・はてなのドット絵 ・TIPS関係 ・お薦めドット絵サイト ・ドット絵関連の素材サイト ・ドット絵関連のネタ ・最後に   ・おまけ 先日、ドット絵リング に参加しました、せっかくなのでそれにちなんでドット絵特集。 はてなのドット絵まずは、はてなのドット絵から。はてなは特にドット絵を前面に押し出したデザインではありませんが、Webサービスですから favicon や、アイコンといっ... 続きを読む

GIGAZINE - サイトのFavicon(ファビコン)を作る無料サービス「FavIcon from Pics」

2006/05/03 102 users ファビコン GIGAZINE 一風 アレ アイコン

Favicon(ファビコン)というのは、IEのお気に入りに入れた時に標準のアイコン以外のアイコンが表示されていたりするアレです。そんなFaviconを元になる画像を用意してアップロードするだけで作成できる無料サービスが「FavIcon from Pics」というわけ。ふつうのFaviconだけでなく、アニメーションFaviconという一風変わったものも作成可能です。 FavIcon from Pi... 続きを読む