ページアイコンに使用できる画像形式について

このQ&Aのポイント
  • ファイル形式がgifである画像をページのアイコンとして使用することはできるか
  • http://○○/icon.gifのURLにgif画像がアップロードされているが、ブラウザ上では表示されず、ずっとIEのマークのままである
  • 参考にしたサイトによれば、faviconとして使用することができる画像形式がある
回答を見る
  • ベストアンサー

ページのアイコンとして使用することはできませんか

ファイル形式がgifなのですが この画像をページのアイコンとして使用することはできませんか? <html> <head> <title>test</title> <link rel="shortcut icon" href="http://○○/icon.gif" type="image/gif"> としてるのに、ずっとIEのマークのままです。 http://www.tagindex.com/html_tag/page/link_favicon.html を参考にしました。 http://○○/icon.gifだけURLの所に入れてエンターを押せば 該当のアイコンがブラウザ上に表示されるので ちゃんとアップロードされているのだとおみます。 gif画像はアニメーションですが 静止画でいいのです。

  • HTML
  • 回答数1
  • ありがとう数2

質問者が選んだベストアンサー

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4848/10261)
回答No.1

アイコン形式のファイル(拡張子ICO)に変換してください。 ICO形式以外は、ブラウザ依存です。あなたが参考にしたサイトにもちゃんと書いてありますよ。 >ファビコンで使用する画像は、ICO形式で作成するのが一般的です。(IEがこの画像形式にしか対応していないので) 「ico 変換」で検索すると変換してくれるサイトが見つかります。

cmmvbbkghxt
質問者

お礼

ありがとうございました。

関連するQ&A

  • アイコンが表示されない!

    5ミリ角の画面でpngのアイコンを作成し、変換ツールでfavicon.icoを作成し、***フォルダに保存しました。 その後、 <title>○○○○○</title> <link rel="shortcut icon" href="***/favicon.ico" type="image/vnd.microsoft.icon"> と記述したのですがアイコンが表示されません。 ***にfavicon.icoが存在することは確認済みです。 ブラウザはIE6、IE8の2台です。 どうして表示されないのでしょうか? 宜しくご指導願います。

  • お気に入りアイコンの設置が上手くいきません

    色々試して見たのですが、お気に入りアイコンの作成・設置がうまくいきません。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 【試した方法】 (1)Photoshopで16*16pxのgif画像を作成。 (2)@icon変換(http://www.towofu.net/soft/aicon.php)でgif画像ファイルを.icoに変換 (3)(2)はFavicon(http://www.favicon.jp/)でも試してみました。 (4)<head></head>内に<LINK REL="SHORTCUT ICON" href="*.ico">を記述 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ どなたかご教示願います。 ちなみにFirefoxでは正常に表示されます。 使用ブラウザはIE8です。 どうぞよろしくお願い致します!

    • ベストアンサー
    • HTML
  • Faviconアイコンを設置したらページにエラーが発生と表示されます。

    よろしくお願いします。HPにFaviconアイコンを設置したのですが、ソースに不備があったのか、ステータスバーに「ページにエラーが発生しました」と出るようになりました。そのときはちゃんとfaviconが表示され、自分でもお気に入りにそのアイコンで入れることができたんです。ところが時間がたつといつの間にか普通のeマークに変わっていました。 挿入したのは<HEAD>のすぐうしろです。タグは<link rel="SHORTCUT ICON" href="favicon.ico">です。favicon.icoを別のファイル名にするとうまく表示されませんよとアイコン作成者が書いていたのでその通りにしたのですが…。やっぱり別のファイル名に書き換えたほうがいいのでしょうか。 あと、他のサイトの質問を見たのですが、ソースは<HEAD>  <TITLE>トップページ</TITLR>  <LINK REL="SHORTCUT ICON" href="ファイル名./diu.ico">    <BODY> と入れる、とありました。<TITLE>トップページ</TITLR>の前に入れたのがいけなかったんでしょうか?また、diuって何でしょう?Favicon設置の仕方を書いているサイトを何件か回りましたがdiuを入れるなんてどこにもなかったんですが。 尚、エラー表示の詳細は以下の通りです。 「ライン:29 文字:1 エラーオブジェクトを指定して下さい コード:0 自分のURL」です。

    • ベストアンサー
    • HTML
  • ファビコンについて教えてください。

    <link rel="shortcut icon" href="favicon.ico" > <link rel="icon" href="anime_favicon.gif" type="image/gif" /> これをHEAD間に書き込んでみました。サーバー上にはhtmlと同じ段階層に入れてます。 ファイヤーフォックスのほうではファビコンが表示されてうまく行きましたが、IEでは表示されません。 IEは登場したばかりの9です。 詳しい方がいましたらHEAD間のタグに間違いがあるかどうかを見てくれませんか?

    • ベストアンサー
    • HTML
  • ウェブサイトのアイコンについて

    ウェブサイト作成中のトラブルです。 アイコン作成で困っています。 症状は アドレスバーのアイコン表示ができません。 ブックマークアイコンは表示されています。 IEでは表示されませんがFirefoxでは表示されています。 htmlに <link rel=\"shortcut icon\" href=\"favicon.ico\" /> を記載し、favicon.icoファイルをアップロードしました。 他サイトのアドレスバーアイコンは表示されています。 みなさま知恵をおかしください よろしくお願いいたします

  • ブランクで画像を開いた時の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
  • ページにアイコン スマホ 表示されない

    自分でHPを作っているのですが ソースを <link rel="shortcut icon" href="http://○○/icon.ico"> にして、ページにアイコンを付けたのに、そのサイトをスマホで表示させても アイコンが表示されません。 パソコン上で見ると指定したアイコンが表示されます。 私の持っているスマホでは無理なのでしょうか?

    • ベストアンサー
    • HTML
  • Webサイトを表示時にタイトルの横に表示されるアイコンを変更したい。

    Webサイトを表示時にタイトルの横に表示されるアイコンを変更したい。 Javascriptで変更を行ないたいのですが、指定の仕方がわかりません。 下記のHTMLタグで指定できる奴です。 <link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon"> よろしくお願い致します。

  • IEだけファビコンが表示されません

    IEとwindowsのデスクトップ上とネクサス5のお気に入り上だけファビコンが表示されません。 下記であっていますよね。 キャッシュも履歴も削除して再起動しても出てきません。 ファビコンのフルパスを入れるともちろんアイコンが表示されます。 ほかに原因はありうるのでしょうか? <!--favicon--> <link rel="shortcut icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="URL/favicon.ico" type="image/vnd.microsoft.icon" />

    • ベストアンサー
    • CSS
  • アイコン

    URLのアドレスの前にアイコンを表示したいのですが、<LINK REL="SHORTCUT ICON" HREF="アイコンのへのURL絶対パス指定">で書き、同じサーバーの同じディレクトリーアイコンを入れても表示されません。誰か教えて下さい。

専門家に質問してみよう