Hatena Blog Tags
はてなブログ トップ
favicon
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

favicon

(ウェブ)
【ふぁびこん】

FAVorite ICONの略で、ウェブブラウザのブックマーク(お気に入り)リストやウィンドウアイコン・タブなどに現れることのある、ウェブサイト独自のアイコン。
独自のico形式の画像ファイルを用意して、ページのあるディレクトリかその上位のディレクトリに「favicon.ico」というファイル名で置くか、あるいはページのhead要素内に

<link rel="shortcut icon" href="icoファイルのアドレス">

と書くことによって指定することができる。
もともとはInternet Explorerの独自拡張として実装されたが、FirefoxやSafari、Operaなど他のブラウザも追従したので、事実上ウェブにおける標準のような扱いになっている。

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
ハピまるDiary•1ヶ月前

ついにブログアイコンが更新された件。

※ブログの投稿間隔がかなり空いたこと、並びに理由や今後の頻度については 後ほどの記事をご覧ください。 どうも、お久しぶりです。ハピまるです。これは本来1週間前くらいにご報告予定でしたが、諸事情(のちほどの記事参照)により遅れてしまいました…

#Google#ブログアイコン

ネットで話題

もっと見る
1372ブックマークWebサイトに必要なfaviconが21個になっていた - IT探検の追憶itexp.hateblo.jp
944ブックマークfavicon.ico（ファビコン）の作り方 | IDEA*IDEAwww.ideaxidea.com
810ブックマークFavicon.jp - ファビコンがなければ始まらない！8年くらい前にファビコンを作る時にお世話になった「Favicon Japan!!」を久々に見ようとした所、 悲しい事に閉鎖されてしまったらしく、アクセスが出来なくなっていました。 時代の流れなのか、昔はホームページを作ろうとしたらまずFaviconにこだわるのが当たり前と言ったイメージでしたが、 モバイルサイトやタブレッ...www.favicon.jp
773ブックマークPhotoshop で背景透過の美しい favicon を作成する - 2xup2006-04-28T23:23:04+09:00 favicon (ファビコン)はウェブブラウザのアドレスバーや、ブックマークした URL の横に表示される小さなアイコンです。いまやもうサイトのアイデンティティを明示するツールとしてほとんどサイトでみることができますが、小さいファイルであると共に、ファイルを扱えるソフトェアがそれほど多...2xup.org
595ブックマークとってもお手軽なFavicon作成ツール『Favikon』 | 100SHIKI.COMwww.100shiki.com
517ブックマークFavIcon from Pics -- how to create a favicon.ico for your website"The brand and visual elements of your website matter. Studies showed that more than 40% say a website design is the number one factor for discerning the credibility of a company." - Jerry, Founder of Web Hosting Secret Revealed (WHSR).favicon.htmlkit.com
499ブックマークFaviconをつくるときに参考にしたいデザイン＆ツールいろいろ | P O P * P O Pwww.popxpop.com
489ブックマークfavicon.ico GeneratorHow does it work ?Choose a color Click on the squares and paint your logo Download when you are finished Put the favicon.ico file into your webserver directory Optionally publish it under the CC (Creative Commons) licensewww.favicon.cc
462ブックマークForgot the Milk. - Faviconをサクサク作ってくれる８つの Faviconジェネレータ サイトFavicon は、サイトオーナー（ブログオーナー）の自己満足だけではありません。そのサイトやブログの個性を表現することもさることながら、ユーザから「それなりに手をかけているサイトだな」と興味や安心を抱かせる効果もあるように思えます。 そんな Favicon ですか、あなたはどのように作成していますか？ここで紹介...hmiyaza1.hatenadiary.org

関連ブログ

ハピまるDiary•2ヶ月前

Googleエンジン内でのブログのfaviconが変更されない件について

みなさんこんばんは。ハピまるです。 以前からずっと気になって気になって仕方ないんですが、 ブログのfavicon(アイコン)が全っ然変わりません！ これが今ブログで設定しているアイコン↓ これがGoogle側で表示されているアイコン↓ これじゃないんだよなぁ…実はこれ、ブログ始めたとき、マーク何にするか迷ってたんですよ。それで一応仮っていう形で設定したのがこのGoogleで表示されているやつなんですよね…今は変えてるので今だに変わらないのでどうしよう…とずっと思ってます。 そしてついに今日、Googleさんにフィードバックを入れましたのでまた変化があればみなさんにご報告しようと思います。 この…

#トラブル#Google#favicon
好きなことを書かせて•1年前

favicon.icoをSVGで設定する

みなさんのサイトでは、faviconを設定されていますか。 favorite icon、ファビコンで通じるようです。 ここ、はてなブログでは、ペン先のファビコンが用いられています。 設定しておけば、ブックマークに表示されます。 favorite icon ＝ お気に入りアイコンですから当然ですね。 サイトのオリジナル性も増し、ブランドイメージにも寄与するでしょう。 設定方法 通常は、拡張子をicoにして専用に画像を作成する手間が必要です。 その方法でも簡単に作成できますが、SVGでも可能です。 SVGですので小さくてもかなり鮮明に表示されます。 <link rel="icon" type="i…

#favicon
トライト技術ブログ•2年前

Real Favicon Generatorを使ってファビコンを設定した時にハマったこと

ファビコンって 守備範囲広くて面倒ですよね。 もはや当たり前ですが、ずーっと前はfavicon.icoを準備するだけでよかったのが、スマホの「ホーム画面に追加」に対応とか、Winの「ピン留め」に対応とかいろいろとしなきゃならないことが多いです。 なので大きい画像を準備するだけでサクッとマルチデバイス対応してくれるReal Favicon Generatorを使って生成・設定しました。 指南してくれるサイトに沿って記述してアップ。 順調にことは運び、あれよあれよとレビューも終わってステージング環境に反映され、便利ツールを作ってくださった方に一礼してタスク完了。 全然面倒じゃない。本当に助かります…

#favicon#Next.js#webmanifest#CORS#chrome#Android
かもメモ•2年前

favicon をダークモード対応したい

webサイトやwebサービスでタブとかに表示される favicon 。favicon もダークモード対応ができるらしいのでやってみたのメモ favicon を SVG にする 昔から .ico みたいなファイル作ってたけど、最近では SVG もサポートされているらしい。SVG は内部にスタイルシートを持てるのでダークモード用のメディアクエリを埋め込んでしまえばダークモード対応された favicon になるみたい。簡単だ… HTML の <head> 内の favicon の指定を SVG にする <link rel="icon" type="image/svg+xml" href="/favi…

#favicon#Dark mode
Cocoだけの話。•3年前

FC2ホームページにファビコンをつける。

半年ほど前に、ホームページを作ってみようという気になった。 あまり詳しくはないし、デザインも内容も稚拙だけれど、自己満足の範疇で遊んでいる。 その趣味のホームページに、ファビコンをつけたくなった。 👇🏻 この、地球マークのやつを変えたくなった。 なんとかできたので、次回変更の時のために、手順を記しておこうと思う。 ① ファビコンにするイメージを決める。 ② favicon.ico を作る。 ③ FC2のファイルマネージャーに保存する。 ① ファビコンにするイメージを決める。 私はフリー素材を使った。 「ファビコン フリー素材」「ファビコン 作り方」などど検索をすると、いくつものサイトが見つかる…

#ファビコン#favicon#ホームページ#ウェブサイト
ミモモスティの身も心もハンドメイド•4年前

ブログが書けない…そんな日には「新しいブログアイコン」を作ろう！

何の予定も約束もない週末の午後…。 そんな日はただひたすら無為に過ごす、ミモモスティの未桃みもです。こんにちは！！ ブログに何を書いたらいいのか分からなくなる日もある 昨日は張り切ってブログの記事をふたつも書いたのに。 その反動でしょうか。 今日はこれといった話題が思いつきません。 先日購入した「はてなブログ Perfect GuideBook」をぼんやりと眺めながら 「もしも新しいブログを作ったら…」 という妄想を膨らませてみたり。（あくまでも考える「だけ」です。実行には移していません） はてなブログ Perfect GuideBook [改訂第2版] [ JOE AOTO ] ▲ 前半はひ…

#ハンドメイド#はてなブログ Perfect GuideBook#ブログアイコン#ファビコン#favicon#バーミヤン
羅針盤 技術航海日誌•5日前

Chrome Extension: Sveltekitで作ってみる (Compass SEO Checker)

この記事は羅針盤 アドベントカレンダー 2024の10日目の記事です。 qiita.com 9日目の記事は LinearBでDORA Four Keysはどーだ？ - 羅針盤 技術航海日誌 でした。 こんにちは、羅針盤の森川です。 7日目に引き続き、今回もChrome Extensionの話です。 2024年もChrome ExtensionもSveltekitで書きたいですよね？ Reactとか言ってる方は今すぐブラウザを閉じて rm -rf /tmp/ilovejsx してください。 とか言っておいてなんですが、tl;dr これ使えばすぐできます。 github.com Skeletonが…

stoneream.hatenablog.jp•6日前

PlayFramework(Scala)における構造化ロギングとトレーシング

こんにちは！こんにちは！ こちらは FOLIO Advent Calendar 2024 9日目の記事です。 この記事では、PlayFrameworkでの構造化ロギングとトレーシングについて検証を行いましたので実例を交えて紹介します。 前提条件 PlayFramework 3.0.5 Scala 3.3.3 サンプルプロジェクトはこちらです。 https://github.com/stoneream/play-logging-sandbox 構造化ロギングって何？ アプリケーションのログは単純なテキストで出力されていることがままあるかと思います。 以下はアクセスログの出力例です。(commit…

Yappli Tech Blog•8日前

protoファイルからAPIドキュメントを自動生成するまでのハンズオン

ヤプリ Advent Calender 2024の5日目の記事です。 はじめに こんにちは、サーバーサイドエンジニアの中川です。 API開発時にリクエストやレスポンス内容を定義して、フロントやネイティブのエンジニアと合意をとってから開発を進めると思います。 最初に仕様定義してるとはいえ、実装途中で「やっぱりこっちの方がいい」となって双方合意の元API仕様を変更することもよくあると思います。 そうなった時、もし社内ドキュメントなどコードとは別にAPIドキュメントをまとめていた場合はそっちも変更する必要がありますよね。変更内容が少なければすぐに変更できますが、変更量が多い場合はドキュメント更新は後…

Web白描•9日前

Sleepy Cats - サイト試案

Sleepy Cats - サイト試案 完成例 記述例 動画は、圧縮サイトで3MB以内に圧縮してあります headerは、固定してあるため「トップへ戻る」ボタンは設置しません ナビゲーションは、スマートフォン前提で記述 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>Sleepy Cats</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="shortcu…

WEBサイト制作の勉強•10日前

12月５日の作業データ(dunot-shop)

index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Felica Bread&Salad</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" cross…

Web白描•10日前

COFFEE - サイト試案

COFFEE - サイト試案 ワイヤーフレーム 完成例 記述例 「ヒーローイメージ」は、100vhで設定 index.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>COFFEE</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="img/favicon.ico"> <link rel="stylesheet" href="css…

kazu_kichi_67の日記•11日前

ソロキャンプ改め、積読消化合宿やってたらめっちゃ良かった 【1日目】

この記事は、キャンプ x エンジニア Advent Calendar 2024 の4日目の記事です。 と言っても、キャンプの記事を書こうと思って、どうせならアドベントカレンダーやりたいなぁと思って探したらそれらしいのがなかったので自分で作ったのですが・・w ゆるーいカレンダーなので、もしキャンプ趣味のエンジニアがいましたらご参加お待ちしております。 adventar.org 当時の朝 到着 キャンプスタイル 成果発表 おわりに 当時の朝 コツコツと徳を積んだおかげで、何年前かもう思い出せないくらい久しぶりにソロキャンプに向かっております。ただ、ソロキャンプってぶっちゃけ結構暇なので、積読消化合…

Mackerel ブログ #mackerelio•11日前

外形監視でOKと判定するHTTPステータスコードを選択可能にしました ほか

こんにちは！Mackerel チーム CRE の戸谷（id:KGA）です。早いものでもう12月ですね。今回のアップデート内容をお知らせいたします。 外形監視でOKと判定するHTTPステータスコードを選択可能にしました メール配信停止リンクを非表示に設定できるようにしました Mackerelに関するメタデータを取得できるAPIを公開しました 分散トレーシングVaxilaやラベル付きメトリック（OpenTelemetryメトリック）に関する機能の改善を進めています VaxilaがよりMackerelに近づきました。機能の改善も進んでいます メトリックエクスプローラー、ラベル付きメトリックのクエリグ…

sae's blog•13日前

私はテストをしている時何を考えているんですか？

この記事は ソフトウェアテストの小ネタ Advent Calendar 2024 2日目の記事です。 qiita.com はじめに ごきげんよう。saeです。 少し前に、社内で発表する機会をいただき、「テストしているときに何を考えているかしゃべるぞ」みたいな話をしたんですが、オチが弱かったな～～と反省しましたので、これについてもう少し考えてみました。 ※ ネタバレ：オチは弱いです 本題 とりあえず前置きといたしまして、当日お話ししたことはこんな感じです。 - テストしているときに何を考えているか？ - 仕様書に書いてあること - 仕様書に書いていないけど気になること - 起きてほしくないこと …