web-dev-qa-db-ja.com

ウェブサイトからfaviconをダウンロードするにはどうすればいいですか？

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

そのグラフィックが必要な場合は、サイトから直接ダウンロードする方法はありますか？私はウェブから直接それをダウンロードすることを望みます、しかし、他のすべてが失敗するならば、私はそれが私のコンピュータ（Windows 7、Firefox 3.6.6）に保存されるところはどこでもそれを掘り出します。

windows-7firefoxiconsgraphicsfavicon
120
Robert Cartaino

Studiohackには「徹底的な」アプローチがありますが、少し手間がかかります。

  1. https://superuser.com/のようにドメイン名を入力します（最後に「/」を付ける必要があります）。
  2. 最後にfavicon.icoを追加
  3. Enterキーを押します（これはURLにあります：https://superuser.com/favicon.ico）
  4. 画像を右クリックして[名前を付けて画像を保存]をクリックします
156
wag2639

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">
46
akira

/favicon.icoを常に追加することはできません（例： https://superuser.com/favicon.ico ）
すべての答えは必要以上に複雑です。

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

  1. ターゲットサイトに移動します。
  2. ページソースを表示する（ページを右クリックして[View Page source]をクリック） - 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を使用してページを開き、そのページを保存します。

29
nittyjee

あなたはグーグルS2コンバーターを使ってこれをすることができます。

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

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

25
Vamshi Kurra

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

Chromeはこのソリューションを使ってファビコンを確実に引っ張ることができます。

  1. Faviconが欲しいサイトにアクセスしてください
  2. サイトのURLの前に 'chrome：// favicon /'を追加してください。
  3. 画像を右クリック
  4. 画像を保存します...
13
J.D.

Firefox 3の場合：ファビコンをクリックするとポップアップが表示され、ポップアップウィンドウで[詳細]をクリックできます。[メディア]タブに移動します。必要な特定のメディア項目をハイライトし（ウィンドウ下部の大きな白いスペースにプレビューが表示されます）、[名前を付けて保存]をクリックします。名前を付けて場所を選択すれば完了です。 :)

ファビコンがリストされていないサイトもありますが、ヒットするのを見逃すことがあります。スーパーユーザで試してみてください。

5
studiohack

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")})();
4
Pranav 웃

すべてのPHPがらくたを必要としません。

Firefoxでやらなければならないことは、URLのico画像をクリックし、「詳細情報」をクリックしてから、「メディア」ボタンをクリックすることです。 Favicon.icoは通常リストの最初のもので、すでにハイライトされています。それがなければ、下にスクロールして「名前を付けて保存」ボタンをクリックします。

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

2
Xircal

Faviconを取得して.icoファイルとして保存するPHPのこの部分を試してみてください。おそらくこれを使ってほとんどすべてのファイルを取得できます。 'binary'フラグに '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
PHP Hacker

FaviconのURLはwww.example.com/favicon.icoとは異なるかもしれません。

ページを右クリックしてView Page Sourceをクリックするだけで、faviconタグにheadリンクが見つかります。

例えば：

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
0
Ahmad Mobaraki

アドレスバーからURLをコピーしてWebサイトにアクセスし、右クリックして[ソースの表示]またはアドレスバーの種類を選択します。view-source：Webサイトのアドレス。 ： http://www.facebook.com そしてCtrlとFを一緒に押して.icoとタイプするだけでリンクが表示されます。アイコンが表示されます。右クリック> [名前を付けて画像を保存]をクリックし、名前を付けて保存します。

0
Blestin V Bency