タグ ファビコン
新着順 10 users 50 users 100 users 500 users 1000 usersfavicon.ico(ファビコン)の作り方 | IDEA*IDEA
favicon.ico(ファビコン)の作り方 February 11, 2008 2:14 PM written by Gen Taguchi ちょっと個人的なまとめ。いまさらですが。favicon.icoの作り方&設置方法です。 ↑ ブラウザのアドレスバーとかブックマークに出てくるこのアイコンがfavicon.icoね。 ■ オンラインで作る(エディター付き) いくつかありますね。ちょいちょいと... 続きを読む
クリエイティブなファビコンを設置しよう | Webクリエイターボックス
2015年4月23日 Webサイト制作 , 便利ツール Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているの... 続きを読む
クリエイティブなファビコンを設置しよう | Webクリエイターボックス
Webサイトの制作時に、特に初心者さんが設置を忘れがちなファビコン。Webサイトをブックマークした際や、タブ表示した際にサイト名の横にちょこんと表示されている小さなアイコンのことです(Favourite + Icon = Favicon)。デバイスが増え、これまでとは設置方法が少し変わってきているのと、機能のついたファビコンも増えてきているので、その辺もあわせて紹介します! ファビコンをデザインす... 続きを読む
画像をアップロードするだけでファビコン化してくれるサイト「Favigen」 : ライフハッカー[日本版]
Webツール , その他 画像をアップロードするだけでファビコン化してくれるサイト「Favigen」 掲載日時:2010.11.07 14:00 コメント [0] , トラックバック [0] Check Tweet 「Favigen」は、画像からファビコンを作ってくれるサイトです。非常にシンプルで、画像をアップロードするだけでファビコンが完成しますよ。 以下に使ってみた様子を載せておきます。 ... 続きを読む
2022年のファビコン設置方法、さまざまなブラウザやデバイスに対応させる最小限のセットは6種類のファイルが必要
最近のブラウザやデバイスに対応させる最小限のファビコンセットには、6種類のファイルで対応できます。ブラウザはもちろん、スマホやタブレットにも対応し、さらにSVGも含めて6種類だけです。 ファビコンに必要な6種類のファイル、ファビコンの設定方法、ファビコン画像を用意する手順について紹介します。 How to Favi... 続きを読む
Macでファビコンつくるなら。透過にも複数サイズにも対応したアイコン作成ウェブサービス「iconifier.net」-Suikolog
Macで簡単に、透過が美しい複数サイズの画像を含むファビコン用のicoファイルをつくりたい! Macでファビコン(Favicon。ブラウザで表示されるときによくタイトル横に表示されるアイコンのことですね)に利用するicoファイルを作成したいとき、あなたはどんなツールを使ってますでしょうか。 よく紹介されているのが、Macの「プレビュー」を用いて、「Windowsアイコン」として書き出す方法。 Ma... 続きを読む
最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる - GIGAZINE
ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martia... 続きを読む
ファビコン・カンニング・ペーパー
Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: http://mathiasbynens.be/notes/rel-shortcut-icon <-- special thanks @mathiasbynens http://mathiasbynens.be... 続きを読む
Favicon そのSEOの価値とブログで注意すべき5つのポイント(辻正浩のブログSEO入門) - 週刊はてなブログ
ブログ運営で大切なことは、公開した記事がきちんと読まれることです。週刊はてなブログではSEO専門家の辻正浩さんに、現在のFavicon(ファビコン)の重要性と注意すべきポイントについて寄稿いただきました。どうぞお読みください。 SEO専門家の辻正浩( id:t-w-o )です。はてなブログのSEOをサポートしている外部スタッ... 続きを読む
SVG形式のファビコンを設置しよう | Webクリエイターボックス
2020年2月13日 SVG, Webサイト制作 つ・い・に!ファビコンもSVG形式が対応されるようになりました!SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。つまり、過去記事「クリエイティブなファビコンを設置しよう」で紹介したように多くのサイズを用意する必要は... 続きを読む
GIGAZINE - サイトのFavicon(ファビコン)を作る無料サービス「FavIcon from Pics」
Favicon(ファビコン)というのは、IEのお気に入りに入れた時に標準のアイコン以外のアイコンが表示されていたりするアレです。そんなFaviconを元になる画像を用意してアップロードするだけで作成できる無料サービスが「FavIcon from Pics」というわけ。ふつうのFaviconだけでなく、アニメーションFaviconという一風変わったものも作成可能です。 FavIcon from Pi... 続きを読む
jQueryでリンク先のファビコンをリンク脇にアイコンとして表示する方法 - かちびと.net
少し前にCSS-TricksにあったTipsを 見たんですが、利用している外部の サイトがあまり信頼性があると思え ないので代替案をいくつか書いてみ ようと思います。 この記事を見たんですが、 Favicons Next To External Links getFaviconっていうサービスを利用して短いコードでファビコンを取得する、っていう方法ですが、このサイトのサーバーが落ちたり、サービスが... 続きを読む
世界的に人気のあるサービスをファビコンで1ページにまとめられるサイト「tilerun」*二十歳街道まっしぐら
tilerun アイコンを並べたブラウザホームページが作成できる tilerunはアイコンを並べたブラウザホームページが作成できるサイトです。 AmaozonやYouTubeやWikipediaなどよくアクセスするサイトのアイコンだけを並べたページが作成できます。 世界的に人気のあるサービスのリンク集を作れるかんじですね。 作ったリンク集はブラウザのホームページに登録しておくと便利かも。 以下に使... 続きを読む
Googleの検索結果にファビコンを追加し、探しているリンクの判別が簡単になる「Faviconize Google」 : ライフハッカー[日本版]
Firefox , Google , Google Chrome , Mozilla , アドオン , ソフトウェア , 無料ソフト Googleの検索結果にファビコンを追加し、探しているリンクの判別が簡単になる「Faviconize Google」 2012.05.06 22:00 コメント数:[ 0 ] Tweet Chrome/Firefox+「Greasemonkey」:「Faviconi... 続きを読む
ブログアイコン(favicon)をGoogleのガイドラインに準拠するよう変更しました - はてなブログ開発ブログ
はてなブログでは、「ブログアイコン(favicon)」の仕様をGoogleのガイドラインに沿うように変更いたしました。 先日、Googleより検索結果一覧にファビコンを表示する変更が行ったという発表がありました。はてなブログでは、すでに「ブログアイコン(favicon)」機能を提供しており、利用者が任意の画像を設定すること... 続きを読む
私が29個ものブラウザ拡張機能を使っている深いわけ | ギズモード・ジャパン
私が29個ものブラウザ拡張機能を使っている深いわけ2021.05.07 22:30 Shoshana Wodinsky - Gizmodo US [原文] ( 大沼千沙都 ) Image: Gizmodo/Shoshana Wodinsky 使っている拡張機能で性格が分かる? 突然ですが、隣の人のブラウザを見てみてください。もしエバーノートとトレロのファビコンだけが映っていれば、そ... 続きを読む
年齢も住んでいる場所も関係ない時代 Zen Startup
現在は、住んでいる場所、年齢は関係なく、重要なのは「いま何ができるか」である。先週、僕はDribbble(一流のデザイナーがポートフォリオを公開するコミュニティーサイト)で、Webアプリ用のデザイナーを探していてこれを痛感した。僕が取り組んだプロジェクトの内容は以下の通り。 プロジェクト概要 B向けWebアプリ アメリカ市場狙い 予算$5000 20ページ+ロゴ+ファビコンのデザイン クリーンでミ... 続きを読む
絵文字をファビコンとして表示する簡単な方法
ちょっとしたWebサイトを作るときに地味に面倒なのがファビコンです。わざわざ画像を作るのも、どこかからちょうど良い画像素材を持ってくるのも、アップロードするのも面倒だったりします。 そんなときは絵文字をファビコンとして使いましょう。 やり方 先にやり方を載せておきます。これをHTMLの<head>の中へコピペす... 続きを読む
ファビコンに動的な円グラフを実装できるJSライブラリ・Piecon - かちびと.net
ファビコンに動的な円グラフを実装 するJavaScriptライブラリ・Piecon のご紹介。ユニークなライブラリで すね。以前、ファビコンでテトリス を実装するライブラリを見かけまし たけど、今後増えるのかな。 なかなか面白い。ファビコンに動的な円グラフを表示させるスクリプトです。非依存型なのでPiecon単体で動作します。 Piecon ファビコンとして表示された円グラフは時間と共に変化させる... 続きを読む
ブラウザのタブにある「Favicon(ファビコン)」にウェブカメラの映像を映す - GIGAZINE
ウェブサイトのブックマークアイコンになったりブラウザのタブ部分に表示されたりするのが「Favicon(ファビコン)」です。このファビコンにウェブカメラの映像を映すことに、開発者のdavyさんが成功しています。 Tiny Mirror https://wybiral.github.io/code-art/projects/tiny-mirror/ 一体どういうことかというと、以下... 続きを読む
Googleのfaviconが新しいデザインに変更、そしてこれまでの変遷の歴史 - GIGAZINE
アドレスバーの左側、お気に入りやブックマーク、あるいはタブに表示されている各サイトを示す小さなアイコン「favicon(ファビコン)」について、Googleのfaviconが新しいデザインに切り替わっています。 Google's New Favicon http://googlesystem.blogspot.de/2012/08/googles-new-favicon.html これが新しいGo... 続きを読む
ウェブサイトを持つ人に告ぐ ファビコン評論家からの提言 - Rio Space!?
2013-11-28 ウェブサイトを持つ人に告ぐ ファビコン評論家からの提言 Webデザイン 物々しいタイトルでごめんねでも、いつものリオなのだ! 今日はファビコンが好きすぎてファビコンをコレクションしてFaviction.com | favicon collectionまで作ってしまった自称ファビコン評論家のリオから、ウェブサイトを持つみなさんにお願いというか提言をさせてもらおうかな~と思って... 続きを読む
2021年のファビコンを極める: 本当に必要なファイルはほぼ6つ(翻訳)|TechRacho(テックラッチョ)〜エンジニアの「?」を「!」に〜|BPS株式会社
概要 原著者の許諾を得て翻訳・公開いたします。 英語記事: How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog 原文公開日: 2020/12/23 原著者: Andrey Sitnik — PostCSSとAutoprefixerの作者、Evil Martiansのリードフロントエンド開発者 サイト: Evil Martians ... 続きを読む
はてブアプリはもっとなんとかなるよね - 稀にライトノベルを読むよ^0^/
雑記PC版のはてブがどんどん改悪される中、見やすい表示で快適なはてブアプリをずっと愛用しているのだけどいい加減これなんとかなりませんかね PC版でも記事名取得できてないことはよくあるけど、PC版はURLが見えるからだいたいどんなページか見当がつく。しかしはてブアプリで表示するのはファビコンのみ。ファビコンで識別できるサイトなんて虚構新聞とはちまとNAVERくらいだ。はちまとNAVERを回避できるの... 続きを読む
【2018年版】Webサイトのファビコンや各種アイコンの正しい設定方法 | Web Design Trends
ファビコンはご存知の方も多いと思いますが、ブラウザのタブに表示されるWebサイトごとに設定可能なアイコン画像ですね。ファビコンを設定しなくても支障はありませんが、タブ表示したときやブックマークした時にWebサイトを探しやすくなるため、ユーザビリティを考えると必ず設定しておいた方がいいですね。 スマホ用ア... 続きを読む