質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

3611閲覧

ファビコンが表示されない

HiroK59

総合スコア10

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2020/05/10 13:42

編集2020/05/11 05:25

閲覧いただきありがとうございます。

タイトル通り、ファビコンが表示されず困っております。
chrom,IE両方表示される方法をご教示いただけますと幸いです。

よろしくお願いいたします。

HTML

1 <link rel="icon" type="img/x-icon" href="./favicon.ico"> 2 <link rel="icon" type="img/vnd.microsoft.icon" href="./favicon.ico"> 3 <link rel="icon" href="./favicon.ico">

ファビコンはindex.htmlと同じ階層にfavicon.icoというファイル名で入れています。

サイズ:48×48
使用サーバー:お名前ドットコム

●試したこと
キャッシュ/cookie削除して再読み込み→解決せず

●追記
chromの方はcom+shift+Rで読み込みしたら直りました。
IEは以前表示されません。

そこでコードを変更し、以下のような形にしました。

HTML

1<link rel="icon" type="image/x-icon" href="./favicon.ico"> 2<link rel="icon" type="image/vnd.microsoft.icon" href="./favicon.ico"> 3<link rel="icon" href="./favicon.ico"> 4<link rel="apple-touch-icon" href="./apple-touch-icon.png" sizes="180x180"> 5

用意したのは180×180のpngデータとicoデータです。

icoデータはこちらのサイトにて、16×16と32×32のpngでマルチアイコンを作成しました。
https://ao-system.net/multiicon/

以前IEは表示されず、、、
間違いなどがあればご指摘ください。

よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2020/05/10 13:44

「favicon.ico」はどのようにして作成したのでしょうか。
eneko0513

2020/05/10 13:45

Chromeの検証ツールでネットワークタブを見た時にfavicon.icoは404エラーとかになっていますか?
HiroK59

2020/05/10 13:55

ご質問ありがとうございます。 >kei344さま データはクライエントからいただいたので制作方法は不明したので先ほど質問しました。 >eneko0513 エラーはでておりませんでした。
guest

回答3

0

開発時、キャッシュなどでよく反映されなくて困りますよね。

まだサイトにアクセスしたことない端末から確認したりしてみることをよくしています。
スマホでもchromeならタブ一覧の際にfavicon表示ありますので。

投稿2020/05/10 13:58

omori3

総合スコア274

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HiroK59

2020/05/11 05:27

コメントありがとうございます。 chromeは反映されていないだけでした。困りますよねー、、、 アドバイスありがとうございます!
guest

0

ベストアンサー

とりあえず、Ctrl + Shift + Rをするか、
faviconファイルをブラウザで直接開いて数度リロードしてみてください。

これで、最新のになるはずです。

それでと反映されない場合はパスのミス等が濃厚です。

投稿2020/05/10 13:48

kyoya0819

総合スコア10429

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

HiroK59

2020/05/10 13:56

Ctrl + Shift + R こちら試したところ、chromの表示が解決されました!ありがとうございます。 ただ、IEはいまだに表示されずです、、、
kyoya0819

2020/05/10 14:13

IEは16*16が必要なはずです。
guest

0

BASIC認証が原因でした。

投稿2020/05/13 08:11

HiroK59

総合スコア10

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問