ウェブサイトからファビコンをダウンロードする方法は?


121

Webサイトを閲覧すると、「ファビコン」アイコンがタブまたはURLの横(またはブックマークの横)に表示されます。

そのグラフィックが必要な場合、サイトから直接ダウンロードする方法はありますか?Webから直接ダウンロードしたいのですが、他のすべてが失敗した場合は、コンピューター(Windows 7、Firefox 3.6.6)に保存されている場所から探し出します。

回答:


158

Studiohackには「完全な」アプローチがありますが、ここに短いハックがあります。

  1. ドメイン名を入力してくださいhttps://superuser.com/(「/」で終わる必要があります)
  2. favicon.ico最後に追加
  3. 押して入力します(これはURLにする必要があります。https://superuser.com/favicon.ico
  4. 画像を右クリックし、「名前を付けて画像を保存」をクリックします

他の答えはすべて素晴らしいです。たくさん学びました、ありがとう。しかし、私の特定の目的のために、これは私が探していたものです。受け入れられました。
ロバートCartaino

2
まあ、ウィキアのようなサイトを除いて。
Hello71

10
とてもシンプルだが天才。
ラフィカッチャドゥリアン

48

http://en.wikipedia.org/wiki/Faviconを読むと、次のこともわかります。

次の形式はブラウザ間の互換性があり、Internet Explorer、Firefox、Chrome、Operaでサポートされています。[3]

<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />

さらに、以下も許容されます。

<link rel="shortcut icon" href="/somepath/myicon.ico" />

以下に、HTMLおよびXHTMLの例を使用して、サポートされるリンクタグの形式を示します。

HTML:

<link rel="icon" type="image/vnd.microsoft.icon" href="http://example.com/image.ico"> <link rel="icon" type="image/png" href="http://example.com/image.png"> <link rel="icon" type="image/gif" href="http://example.com/image.gif">

そのため、実際には「favicon.ico」というファイルをルートフォルダーに配置するのが一般的ですが、確かに、提供されるファイルのソースコードを検索し、そこに定義されているかどうかを確認する必要があります。

たとえば、http://superuser.comの場合は

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 

1
特にWikiaでは、favicon.icoをルートフォルダーに保存しないサイトを見つけました。しかし、上記はうまくいきました。
Dクッツェー

ページ上で検査要素を開き、検索するico必要があります。
-Qwertie

パブリックサイトでクライアントのアイコンを探して、SFTPサーバーのHTTPSインターフェイスに追加するときにも、これはうまくいきました。
ダシッドサリン

29

あなたはいつも/favicon.ico追加することはできません(例えば。https://superuser.com/favicon.ico
の回答のすべてが必要以上に複雑です。

あなたがすることはここに書かれていることです:http//www.itechcolumn.com/4-way-download-favicon-website/

  1. ターゲットサイトに移動します。
  2. ページのソースを表示します(ページを右クリックして[ページのソースを表示]をクリックします)-firefoxを使用すると、他のブラウザーでは若干異なる場合があります。
  3. 「ショートカットアイコン」を検索(Ctrl + F)
  4. 次のようなものが表示されるはずです。

    link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>

  5. リンクhttp://www.sitename.com/images/favicon.icoを右クリックして、アイコンを保存します。または、URLを使用してページを開き、ページを保存します。


4
いいアドバイス!すべてのサイトがHTMLで直接指定していない。しかし、それは...推測できる
ジェフ・アトウッド

1
これは、/ favicon.icoが機能しなかったときに機能しました。ありがとう。
ジョシュアダンス

26

これは、Google S2コンバーターを使用して実行できます。

構文は次のとおりです。http//www.google.com/s2/favicons?domain = DomainName

例:http : //www.google.com/s2/favicons?domain= https: //superuser.com/


素晴らしいツールと特定favicoのURLにナビゲートするよりも速く
ルカSteeb

これは私のために働いた唯一の方法です。
Anixx

これは実際に答えである必要があります!上記の受け入れられた答えは、ファビコンファイルが常にルートディレクトリにあり、常に「favicon」という名前であり、常に.ico形式であると仮定しているため、常にそうではありません!。誰かが@vamshiに投稿されたリンクのリクエストにより、GoogleのS2ライブラリが、キャッシュされたものを表示するのではなく、ターゲットのWebサイトから実際にファビコンをプルするようになりました。しかし、私は確実にテストします。
遮光

1
いいえ、ドメイン名がgoogle-reachableでない場合は機能しません。これはプライベートネットワーク内で当てはまる場合があります。
アンドリュー・サヴィニク

13

アイコンが必要なサイトは内部サイトであり、ソースで公開せず、/ favicon.icoの追加を許可していなかったため、以前の回答はどれも役に立ちませんでした。

Chromeは、このソリューションを使用してファビコンを確実にプルできます。

  1. ファビコンが必要なサイトにアクセスします
  2. サイトのURLの前に「chrome:// favicon /」を追加します。
  3. 画像を右クリック
  4. 画像を保存します...

5

Firefox 3の場合:ファビコンをクリックすると、ポップアップが表示されます。ポップアップで表示されるウィンドウで[詳細]をクリックできます。[メディア]タブに移動します。目的の特定のメディアアイテムを強調表示し(ウィンドウの下部にある大きな空白にプレビューを表示します)、[名前を付けて保存]をクリックします。名前を付けて、場所を選んで、完了です!:)

一部のサイトにはファビコンがリストされていない場合がありますが、一部は...ヒットまたはミス...スーパーユーザーでこれを試してください... SUにファビコンがリストされています...


1
これは、最新のFirefox(ver 21)でも同じように機能しますが、ファビコンがIEのデフォルトサイトのルートにある場合、メディアとして表示されません!HTMLで直接指定されていないため、暗示されています。
ジェフアトウッド

4

JavaScriptを有効にしている場合、コンソールでこれを実行できます。

(function() {
    var i=0;
    var arrLink = [];
    var found = 0;
    arrLink = document.getElementsByTagName('link');
    if (arrLink.length > 0) {
        for (i=0; i < arrLink.length; i++) {
            if (typeof arrLink[i].rel !== 'undefined' && arrLink[i].rel.indexOf('icon') > -1) {
                found = 1;
                window.open(arrLink[i].href);
            }
        }
        if (found === 0) {
            alert('favico Not Found');
        }
    } else {
        alert('favico Not Found');
    }
})();

または、以下のコードをブックマークとして使用するか、URLに貼り付けます。

javascript:(function(){var a=0,b=[],c=0,b=document.getElementsByTagName("link");if(0<b.length){for(a=0;a<b.length;a++)"undefined"!==typeof b[a].rel&&-1<b[a].rel.indexOf("icon")&&(c=1,window.open(b[a].href));0===c&&alert("favico Not Found")}else alert("favico Not Found")})();

2

PHPのくだらないものは必要ありません。

Firefoxで行う必要があるのは、URLのico画像をクリックし、「詳細」をクリックしてから、「メディア」ボタンをクリックすることだけです。Favicon.icoは通常、リストの最初にあり、すでに強調表示されていますが、強調表示されていない場合は、下にスクロールして[名前を付けて保存]ボタンをクリックします。

ところで、Firefox 16以降、ico画像はURLフィールドに表示されなくなりましたが、各タブに表示され、同じ方法で取得できます。


これはもはや真実ではないようです。ファビコンはタブにのみ表示されます。URLボックスアイコンは、サイトのセキュリティと権限に関する情報のみを提供する地球儀です
クロノ

1

ファビコンを取得して.icoファイルとして保存するこのPHPを試してください。おそらくこれを使用して、ほぼすべてのファイルを取得できます。「バイナリ」フラグに「b」を使用していることに注意してください。

<?php
    echo '<p>Fetching Favicon.ico.</p>';
    $in = fopen('http://targetdomain.com/favicon.ico', 'rb');
    $contents = '';
    while (!feof($in)) {
        $contents .= fread($in, 8192);
        }
    fclose($in);
    $len = strlen($contents);
    echo '<p>Read ' . $len . ' bytes.</p>';

    $out = fopen('favicon.ico', 'wb');
    fwrite($out, $contents, $len);
    fclose($out);
    echo '<p>Written Favicon.ico.</p>';
?>

1
これは動作する可能性がありますが、かなりやり過ぎであり、Windows / FirefoxからダウンロードするためのOPの要求と一致しません。PHPを使用する場合は、ソースコード内でリンク参照を検索することもできます。
wag2639 14年

0

アドレスバーからURLをコピーしてウェブサイトを取得し、右クリックしてソースを表示またはアドレスバーで選択してください:view-source:website address.facebookのアイコンを取得したい場合は、入力してください:http : //www.facebook.comでCtrlキーとFキーを同時に押して.icoと入力すると、リンクが表示されます。その中に、緑色で強調表示された.icoのテキストがあります。そのリンクを押します。右クリック>名前を付けて画像を保存し、名前を付けて保存します。


0

ファビコンのURLはとは異なる場合がありwww.example.com/favicon.icoます。

ページを右クリックしてをクリックするだけで、タグ内View Page Sourcefaviconリンクを見つけることができますhead

例:

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.