1つのサーバ内で複数のfaviconを使用する
- AmazonのEC2（linux）で立てたウェブサーバで複数のドメインを使用し、ドメインによってfaviconを変更したいが、Chromeでは正しく表示されない。
- Chrome以外のブラウザでは正しく表示されるが、Chromeでは想定したfaviconが表示されない問題が発生している。
- faviconの表示に関して、原因や対策を教えていただきたい。
- ベストアンサー
1つのサーバ内で複数のfaviconを使用する
サーバをAmazonのEC2（linux）で立てまして、ウェブサーバを構築してホームページの公開を行っております。 DNSとバーチャルホストの設定を行い、複数のドメインを1つのサーバで使用しております。 アクセスされたドメインによって使用するfaviconを変更できたらと思っており、サーバのドキュメントルート上に favicon.ico xxx.favicon.ico という2つのfaviconを設置致しました。 また、テンプレートのヘッダーに <link rel="shortcut icon" href="/xxx.favicon.ico" /> と設定しましたところ、Chrome以外のブラウザでは正しく表示できますが、 Chromeではxxx.favicon.icoではなく、favicon.icoが表示されてしまいます。 ※ユーザ/AppData/Local/Google/Chrome/User Data/Default/Favicons を削除して再度確認しましたが症状は変わりません。 こちらの原因や対策につきましてお分かりいただけましたら、 ご教授いただけますと幸いです。 ※<link rel="shortcut icon" ・・・/> この方法でなくサーバの設定を変えるやり方でも大丈夫です。 以上、よろしくお願い致します。
- 山 まこと（@yama-maron）
- お礼率75% (82/109)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
各ドメイン名毎にドキュメントルートを分けていないのでしょうか？ ドキュメントルートを分けられるなら、各ドメイン名毎のドキュメントルートにfavicon.icoを置けば解決。 1つのドキュメントルートで全てのドメイン名へのアクセスを受ける必要があるなら、mod_rewrite とか使って、ドメイン名ごとにfavicon.icoで呼ばれた時に返すファイルを出し分けるというのも手ですかね。
関連するQ&A
- faviconが表示されません
質問させていただきます、よろしくお願い致します 件名の通り、設定したfaviconが表示されません ファイルには、以下のソースを<head>タグ内に記述していあります <link rel="shortcut icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="./favicon.ico" type="image/vnd.microsoft.icon" /> クロームで見たとき、ローカルでは表示されましたが、 サーバーにアップロードすると表示されなくなりました。 アップロードしたソースを表示して、そこのアドレスからfavicon.icoに飛ぶと表示されるので、リンク切れではないと思います。 ＩＥでは、ローカルでもアップロードした場合でも表示されません。 よろしくお願い致します。
- 締切済み
- HTML
- faviconとIE7
こんにちは。いつもお世話になってます。 IE7でfaviconが表示出来ると知り表示させようとしてみたのですが、出来ませんでした。 --ソース---------------------------------------------- <head> <link rel="shortcut icon" href="favicon.ico"> </head> ※↑このソースを加えたhtmlとfavicon.icoは同ディレクトリ内にあります。 お気に入りに登録したり色々してみたのですが効果がありませんでした。 どなたかご存知の方がいらっしゃったらご教授お願い致します。
- 締切済み
- HTML
- favicon.ico
CGIファイルでfavicon.icoでお気に入りアイコンを 乗せようとしましたが、エラーになりました。 記述は以下です。 sub do_read { print "Content-type: text/html\n"; print "\n"; print "$doctype\n"; print "<HTML>\n"; print "<HEAD>\n"; print "$contenttype\n"; print "<TITLE>$title</TITLE>\n"; print "<LINK REL="SHORTCUT ICON" href="favicon.ico">\n"; print "</HEAD>\n"; :::::::::::::::::::::::::::::::::::::::: print "<LINK REL="SHORTCUT ICON" favicon.ico">\n"; perlではfavicon.icoは使えないのでしょうか？ 使えるとすればどのように記述すればよいのでしょうか？
- ベストアンサー
- Perl
- ブランクで画像を開いた時のfaviconについて
Google ChromeやIEなどは、ブランクで開いた画像のfaviconへもサイトにて設定しているfaviconが反映されております。 firefoxのみfaviconの箇所に開いている画像が縮小されて表示されてしまっております。 ※ブランクで開く対象がPDFの場合は、サイトにて設定しているfaviconが反映されておりました。 ブランクで開く対象が画像（JPEG,PNG,GIF形式）の場合にもサイトにて設定しているfaviconが反映させることは可能でしょうか。 ●faviconの設定ソース <link rel="icon" type="image/vnd.microsoft.icon" href="faviconへの絶対URLpass"> <link rel="shortcut icon" type="image/vnd.microsoft.icon" href="faviconへの絶対URLpass">
- 締切済み
- PHP
- favicon.icoが表示されない
環境：IE7 Apache2 \a\images \aにindex.htm \a\images\favicon.ico favicon.icoは「@icon変換」というフリーソフトで作成しました。（容量1K） index.htmlの内容は <head>、<meta>タグ、<title>ｘｘｘｘｘ</title>の後に <link rel="icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="Shortcut Icon" type="img/x-icon" href="images/favicon.ico" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script> </head> <body> となっております。 IEのアドレスバーの左は、IEのマークのままです。 どなたか、ご経験のある方、アドバイスいただけると幸いです。
- ベストアンサー
- HTML
- favicon(ファビコン）をcss（スタイルシート）に書けますか？
こんにちわ 早速ですが、ファビコンタグ（<link rel="shortcut icon" href="./favicon.ico"> ）をcss（スタイルシート）に書く事はできますか？ #head{ font-color: #666666; } ↑の中に書く方法があったらぜひご教授願います。
- ベストアンサー
- その他([技術者向] コンピューター)
- teacupブログのFavicon設置方法
http://moon.ap.teacup.com/turubhe/561.html このサイトで色々ためしてみたのですが [プロバイダで無料で借りているホームページスペースに、 Faviconをアップドーロし、FaviconのURLをHTMLコードに記述します。 ＜link rel="shortcut icon" href="アップロード先のURL（favicon.icoの方）" /＞ このHTMLコードをAUTOPageの設定画面デザインの変更から、 トップページ編集で＜/HEAD＞の前あたりに貼りつけ...] というところがわかりません； ・アップロード＝画像保存？ ・HTMLコードは＜link rel="shortcut icon" href="アップロード先のURL（favicon.icoの方）" /＞ ? ・↑のアップロード先のURLとは画像のこと？ ・</HEAD>とは・・？ といった所がどうしてもわかりません・・´｀ もし説明できたらおねがいしますｍｍ
- ベストアンサー
- ブログ
- ファビコンについて教えてください。
<link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="anime_favicon.gif" type="image/gif" /> これをHEAD間に書き込んでみました。サーバー上にはhtmlと同じ段階層に入れてます。 ファイヤーフォックスのほうではファビコンが表示されてうまく行きましたが、ＩＥでは表示されません。 ＩＥは登場したばかりの９です。 詳しい方がいましたらHEAD間のタグに間違いがあるかどうかを見てくれませんか？
- ベストアンサー
- HTML
- Android用の大きなサイズのfavicon
Android用の大きなサイズのfaviconの作り方を教えてください。 Android用のホームページを作っています。 自分の持っているAndroid端末のGalaxy S(SC-02B)では、ホーム用に２種類のアイコン(favicon)があるようです。 添付画像では、左のYahoo!オークションとJALは大きなサイズのアイコンですが、あとのImpress、YouTube、アマゾンは赤枠の中に小さなアイコンです。 大きなサイズのアイコンを作る方法を教えてください。 自分は、以下の方法でfaviconを作っています。この方法だと、小さなサイズのfaviconになってしまいます。 １．適当な画像を16x16にし、このサイトで*.icoに変換 http://www.favicon.jp/ ２．HTMLに以下で貼り付け <LINK REL="SHORTCUT ICON" HREF="http://xxx.xxx.xxx/test.ico"> 自分はiPhoneは持ってないのですが、iPhoneでも同じなのでしょうか？
- ベストアンサー
- HTML
- 元々あるファビコンが消えない
ファビコンを設置しようと以下のタグをメタタグの近辺に貼り付けました。 <link rel="icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> <link rel="shortcut icon" href="favicon.ico" type="http://hoge.jp/images/favicon.ico" /> もちろんファビコン自体もアップしています。 添付の画像のように元々犬の足跡のようなファビコンが張り付いています。 消えるかと思ったら消えません。 記述を見たところ、それらしき記述は見当たらりません。 このマークは、確かどこかのサーバーマークではないでしょうか？ どうしたら、これを削除し、新しいファビコンを設置できるのでしょうか？
- ベストアンサー
- HTML
お礼
t_ohta様 早速のご回答のほど、ありがとうございます。 当方の都合上、ドメインごとにドキュメントルートを分けることができないため、mod_rewriteを使ってfaviconを出しわける設定を行ってみたところ、無事問題を解決することができました。 ご教授いただきまして、ありがとうございました。