Wie lade ich ein Favicon von einer Website herunter?

Studiohack hat den “gründlichen” Ansatz, aber hier ist ein kurzer Hack:

1. Geben Sie den Domänennamen wie https://superuser.com/(muss mit ‘/’ enden)
2. Fügen Sie favicon.ico am Ende hinzu. 3. Drücken Sie die Eingabetaste (dies sollte in der URL stehen: https://superuser.com/favicon.ico)
3. Klicken Sie mit der rechten Maustaste auf das Bild und klicken Sie auf “Bild speichern unter”.

Wenn Sie http://en.wikipedia.org/wiki/Favicon lesen, können Sie auch Folgendes finden:

Das folgende Format ist browserübergreifend kompatibel und wird von Internet Explorer, Firefox, Chrome und Opera unterstützt.[3]

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

Zusätzlich wird auch Folgendes akzeptiert:

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

Im Folgenden wird das unterstützte Format von Link-Tags anhand von Beispielen für HTML und XHTML gezeigt.

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">&007

Die gängige Praxis ist also tatsächlich, eine Datei namens ‘favicon.ico’ in den Stammordner zu legen, aber um sicherzugehen, müssen Sie den Quellcode der ausgelieferten Datei nachschlagen und sehen, ob und was dort definiert ist.

z.B. für http://superuser.com ist es

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

Sie können nicht immer /favicon.ico hinzufügen (z.B. https://superuser.com/favicon.ico ) Alle Antworten sind komplizierter als nötig.

Alles, was Sie tun, ist das, was hier geschrieben steht: http://www.itechcolumn.com/4-way-download-favicon-website/

1. Gehen Sie auf die Zielseite:
2. Sehen Sie sich den Seitenquelltext an (Klicken Sie mit der rechten Maustaste auf die Seite und klicken Sie auf “Seitenquelltext anzeigen”) - mit Firefox, kann in anderen Browsern leicht abweichen.
3. Suchen Sie (Strg+F) nach dem “Shortcut-Icon”

4. Sie sollten etwas wie das hier sehen:

5. Klicken Sie mit der rechten Maustaste auf den Link http://www.sitename.com/images/favicon.ico und speichern Sie das Icon. Oder öffnen Sie die Seite über die URL und speichern Sie die Seite.

Sie können dies mit dem Google S2-Konverter tun.

Hier ist die Syntax : http://www.google.com/s2/favicons?domain=DomainName

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

Keine der vorherigen Antworten funktionierte für mich, da die Site, von der ich das Icon brauchte, eine interne Site war, es in der Quelle nicht exponierte und das Anhängen von /favicon.ico nicht erlaubte, also grub ich etwas mehr.

Chrome kann das Favicon mit dieser Lösung zuverlässig ziehen:

1. Besuchen Sie die Website, auf der Sie das Favicon für benötigen 2. Fügen Sie ‘chrome://favicon/’ vor den Sites url. hinzu - Beispiel: chrome://favicon https://google.com
2. Klicken Sie mit der rechten Maustaste auf das Bild
3. Bild speichern unter…

Wenn Sie JavaScript aktiviert haben, können Sie dies in der Konsole ausführen:

(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');
    }
})();

Alternativ können Sie den folgenden Code als Lesezeichen verwenden / in die URL einfügen:

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

In Firefox 3: Klicken Sie auf das Favicon, ein Popup erscheint, und Sie können auf “weitere Informationen” klicken….in dem Fenster, das sich öffnet, gehen Sie zur Registerkarte “Medien”. Markieren Sie das gewünschte Medienelement (es zeigt eine Vorschau in dem großen, weißen Bereich unten im Fenster) und klicken Sie dann auf “Speichern unter”. Geben Sie ihm einen Namen, wählen Sie einen Ort, und fertig! :)

Einige Sites haben vielleicht kein Favicon aufgelistet, aber einige werden…getroffen oder verfehlt…versuchen Sie es unter Super User…SU hat ein Favicon aufgelistet…

Alles, was Sie in Firefox tun müssen, ist auf das ico-Bild in der URL zu klicken, auf “Weitere Informationen” zu klicken und dann auf die Schaltfläche “Medien” zu klicken. Favicon.ico ist normalerweise das erste Bild in der Liste und bereits hervorgehoben, aber wenn das nicht der Fall ist, scrollen Sie nach unten und klicken Sie dann auf die Schaltfläche “Speichern unter”.

Übrigens, seit Firefox 16 werden die ico-Bilder nicht mehr im URL-Feld angezeigt, sondern in jedem Tab und können auf die gleiche Weise gegrabbt werden.

Probieren Sie dieses Stück PHP aus, das das Favicon schnappt und als .ico-Datei speichert. Damit könnten Sie wahrscheinlich fast jede Datei packen. Beachten Sie die Verwendung des Flags ‘b’ für ‘binär’.

<?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>';
?>

Die favicon url vielleicht anders als www.example.com/favicon.ico.

Klicken Sie einfach mit der rechten Maustaste auf die Seite und klicken Sie auf View Page Source, dann finden Sie den Link favicon im Tag head!

z.B. :

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

Kopieren Sie einfach die Url aus der Adressleiste und nehmen Sie die Website und klicken Sie mit der rechten Maustaste und wählen Sie View Source oder in der Adressleiste type:view-source:website address.if you want to get the icon of facebook,just type, view-source http://www.facebook.com and just press Ctrl and F together and type .ico and you will see a link.In that there will be there be a text with .ico highlighted with green color.Press that link.You will see the icon.Right click > Save Image As and then give name and save it.