Android用の大きなサイズのfaviconの作り方

2023/10/22 06:34

このQ&Aのポイント

Android用の大きなサイズのfaviconを作る方法を教えてください。
Android用のホームページには大きなサイズのfaviconが必要ですが、どのように作れば良いのでしょうか？
favicon.jpを使用して画像を16x16に変換し、HTMLに反映させる方法では小さなサイズのfaviconしか作れません。iPhoneでも同じ方法が使えるのでしょうか？

ベストアンサー

Android用の大きなサイズのfavicon

2011/09/08 13:02

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でも同じなのでしょうか？

ps5550
お礼率65% (129/196)

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

みんなの回答 （1）
専門家の回答

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

ベストアンサー

ORUKA1951
ベストアンサー率45% (5062/11036)

2011/09/08 13:28 回答No.1

faviconは、ico(アイコン)ファイルです。もともとIEのブックマーク用の機能ですが、現在はサイトのアイコンとして多くのブラウザが対応しています。ファーマットは ICO形式：複数の色数と解像度（16x16と32x32の4ビット16色、8ビット256色、24ビット1600万色、さらにWindowsでは24x24, 48x48, 64x64[1]、Mac OS Xなどで利用される64x64と128x128サイズのものを任意の色数）を保存したものをマルチアイコンとして保存してあり、拡張子はICOです。 Favicon - Wikipedia ( http://ja.wikipedia.org/wiki/Favicon )より。よって、アイコン作成ソフト(フリーのものもたくさんあります)で、作成してください。

質問者

お礼 2011/09/08 13:34

回答ありがとうございます。 Windows用のアイコンと同じだったのですね。１つのファイルに複数のサイズのアイコンが保存、理解しました。謎がとけてすっきりしました。ありがとうございます。ツールは探してみます。

関連するQ&A

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
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" ・・・/> この方法でなくサーバの設定を変えるやり方でも大丈夫です。以上、よろしくお願い致します。
- ベストアンサー
- HTML
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アイコンを設置したらページにエラーが発生と表示されます。
よろしくお願いします。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
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>とは・・？といった所がどうしてもわかりません・・´｀もし説明できたらおねがいしますｍｍ
- ベストアンサー
- ブログ
favicon(ファビコン）をcss（スタイルシート）に書けますか？
こんにちわ早速ですが、ファビコンタグ（<link rel="shortcut icon" href="./favicon.ico"> ）をcss（スタイルシート）に書く事はできますか？ #head{ font-color: #666666; } ↑の中に書く方法があったらぜひご教授願います。
- ベストアンサー
- その他([技術者向] コンピューター)
HTMLのfaviconについて
HTMLを少し勉強しています(趣味程度ですが・・・）。とりあえず、オフラインでの作業を前提にした質問です。(サーバーにはアップしません) faviconを設定したいのですが、favicon.icoまでのフルパスがわかりません。今はデスクトップにおいてあるアイコンを使おうと思っているのですが、 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>HTML練習</title> <link rel="shortcut icon" href=""C:\Documents and Settings\Owner\デスクトップ\favicon.ico" type="image/vnd.microsoft.icon"> </head> <body> </body> </html> とやったところ、反映されません。 Firefoxを使っているのですが、ページのソースから上のパスをクリックしたところ「c というプロトコルはどのプログラムにも関連づけられておらず、Firefox でこのアドレスを開く方法が分かりません。」と出ました。どこにアイコンを置けばいいのでしょうか。また原因が他にある場合、どういったことでしょうか。プログラミングについては、最近はじめたばかりであまり深い理解はありません。。。お力添えよろしくお願いします。
- ベストアンサー
- HTML
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
Firefox4にしたらFaviconが一部表示無
firefox3シリーズの時は、サイトに前者： <link rel="shortcut icon" href="●●/favicon.ico" />を記載か、後者： htaccess.txtに AddType image/xicon .ico ＜Files favicon.ico＞ ErrorDocument 404 ファビコンまでのパス/favicon.ico ＜/Files＞を記載してあるページは今までfaviconが表示されましたが、 4になると、前者のサイトのみしか表示されません。質問１：fairefoxが新しくなったせいか、htmlの記述方法が変わったのか、原因を教えて下さい。質問２：個々のページにいちいち前者のように直接記述ではなく、後者のように一気に表示できるような記述方法があれば教えて下さい。よろしくお願い致します。
- 締切済み
- ブラウザ