Wie lade ich Favicon von der Webseite herunter?


121

Wenn Sie eine Website durchsuchen, wird das "Favicon" -Symbol auf der Registerkarte oder neben der URL (oder neben dem Lesezeichen) angezeigt.

Wenn ich diese Grafik möchte, gibt es eine Möglichkeit, sie direkt von der Website herunterzuladen? Ich würde es vorziehen, es direkt aus dem Internet herunterzuladen, aber wenn alles andere fehlschlägt, werde ich es herausfinden, wo es auf meinem Computer gespeichert ist (Windows 7, Firefox 3.6.6).

Antworten:


158

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

  1. Geben Sie den Domainnamen wie folgt ein https://superuser.com/(muss mit '/' enden)
  2. favicon.icoZum Ende hinzufügen
  3. Drücken Sie die Eingabetaste (dies sollte in der URL sein: https://superuser.com/favicon.ico)
  4. Rechtsklicke auf das Bild und klicke auf "Bild speichern unter"

Die anderen Antworten sind alle fantastisch. Ich habe viel gelernt, danke. Aber für meine speziellen Zwecke habe ich genau das gesucht. Akzeptiert.
Robert Cartaino

2
Nun, mit Ausnahme von Websites wie Wikia.
Hallo71

10
So einfach und doch so genial.
Raffi Khatchadourian

48

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

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 ist auch Folgendes zulässig:

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

Das folgende Beispiel zeigt das unterstützte Format von Link-Tags für HTML und 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">

Es ist also üblich, eine Datei mit dem Namen "favicon.ico" in den Stammordner zu kopieren. Um jedoch sicherzugehen, müssen Sie den Quellcode der bereitgestellten Datei nachschlagen und prüfen, ob und was dort definiert ist.

zB für http://superuser.com ist es

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

1
Ich habe Websites gefunden, die favicon.ico nicht im Stammverzeichnis speichern, insbesondere in Wikia. Aber das Obige hat funktioniert.
D Coetzee

Öffnen Sie das Element inspect auf einer Seite, und suchen Sie, icoob es gefunden wird.
Qwertie

Dies funktionierte auch für mich, als ich nach dem Symbol eines Kunden auf seiner öffentlichen Site suchte, um es der HTTPS-Schnittstelle seines SFTP-Servers hinzuzufügen.
Dacid Salin

29

Sie können /favicon.ico nicht immer 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 zur Zielsite.
  2. Anzeigen der Seitenquelle (Klicken Sie mit der rechten Maustaste auf die Seite, und klicken Sie auf "Seitenquelle anzeigen".) Bei Verwendung von Firefox kann dies in anderen Browsern geringfügig anders sein.
  3. Suche (Strg + F) nach "Verknüpfungssymbol"
  4. Sie sollten so etwas sehen:

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

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


4
guter Rat! Aber nicht alle Sites spezifizieren es direkt im HTML, es kann gefolgert werden.
Jeff Atwood

1
Dies funktionierte, als die /favicon.ico nicht. Vielen Dank.
Joshua Dance

26

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

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

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


Tolles Tool und schneller als das Navigieren zu einer bestimmten Favoriten-URL
Luca Steeb

Das ist der einzige Weg, der für mich funktioniert hat.
Anixx

DAS muss eigentlich die Antwort sein! Da die oben akzeptierte Antwort davon ausgeht, dass sich die Favicon-Datei immer im Stammverzeichnis befindet, immer "Favicon" heißt und immer im ICO- Format vorliegt , was nicht immer der Fall ist! . Jemand erwähnte irgendwo, dass die Anfrage in dem von @vamshi geposteten Link dazu führt, dass die S2-Bibliothek von Google das Favicon tatsächlich von der Ziel-Website abruft, anstatt das zwischengespeicherte anzuzeigen. Aber ich würde es auf jeden Fall testen.
Lichtdicht

1
Nein, das funktioniert nicht, wenn der Domain-Name nicht über Google erreichbar ist. Dies kann in privaten Netzwerken der Fall sein.
Andrew Savinykh

13

Keine der vorherigen Antworten funktionierte für mich, da die Site, von der ich das Symbol benötigte, eine interne Site war, sie nicht in der Quelle verfügbar machte und das Anhängen von /favicon.ico nicht erlaubte, sodass ich etwas mehr grub.

Mit dieser Lösung kann Chrome das Favicon zuverlässig aufrufen:

  1. Besuchen Sie die Seite, für die Sie das Favicon haben möchten
  2. Fügen Sie 'chrome: // favicon /' vor die URL der Site ein.
  3. Klicken Sie mit der rechten Maustaste auf das Bild
  4. Bild speichern als...

5

In Firefox 3: Klicken Sie auf das Favicon, ein Popup wird angezeigt, und Sie können auf "Weitere Informationen" klicken. Wechseln Sie im folgenden Fenster zur Registerkarte "Medien". Markieren Sie das gewünschte Medienelement (im großen weißen Bereich unten im Fenster wird eine Vorschau angezeigt) und klicken Sie auf "Speichern unter". Gib ihm einen Namen, wähle einen Ort und du bist fertig! :)

Auf einigen Websites ist möglicherweise kein Favicon aufgeführt, auf anderen wird jedoch ... ein Hit oder Miss angezeigt ... versuchen Sie es bei Super User ... SU ist ein Favicon aufgeführt ...


1
Dies funktioniert in Firefox aktuell (Version 21) genauso. Befindet sich das Favicon jedoch im Stammverzeichnis der Site, wird es dort nicht als Medium angezeigt. Da es nicht direkt im HTML angegeben ist, ist es impliziert.
Jeff Atwood

4

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 / Einfügen in die URL verwenden:

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

Keine Notwendigkeit für all diesen PHP-Mist.

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 in der Liste und bereits markiert. Wenn dies nicht der Fall ist, scrollen Sie nach unten und klicken Sie auf die Schaltfläche "Speichern unter".

Seit Firefox 16 werden ico-Bilder übrigens nicht mehr im URL-Feld angezeigt, sondern in jeder Registerkarte und können auf die gleiche Weise abgerufen werden.


Dies scheint nicht mehr zuzutreffen. Das Favicon erscheint nur auf der Registerkarte. Das URL-Feldsymbol ist ein Globus, der nur Informationen zur Sicherheit und den Berechtigungen der Website enthält
chronometrisch vom

1

Probieren Sie dieses PHP-Paket aus, das das Favicon aufnimmt und als ICO-Datei speichert. Sie könnten dies wahrscheinlich verwenden, um fast jede Datei zu erfassen. 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>';
?>

1
Das mag funktionieren, ist aber ziemlich übertrieben und entspricht nicht der Anforderung des OP, es von Windows / Firefox herunterzuladen. Wenn Sie PHP verwenden möchten, können Sie auch nach dem Linkverweis im Quellcode suchen.
wag2639

0

Kopieren Sie einfach die URL aus der Adressleiste und rufen Sie die Website auf. Klicken Sie mit der rechten Maustaste darauf und wählen Sie die Ansichtsquelle oder in der Adressleiste den folgenden Typ aus: Ansichtsquelle: Website-Adresse : http://www.facebook.com und drücken Sie einfach Strg und F zusammen und geben Sie .ico ein und Sie werden einen Link sehen. Dann wird ein Text mit .ico mit grüner Farbe hervorgehoben. Drücken Sie diesen Link. Sie werden sehen Klicken Sie mit der rechten Maustaste auf> Bild speichern unter, geben Sie einen Namen ein und speichern Sie es.


0

Die Favicon-URL unterscheidet sich möglicherweise von www.example.com/favicon.ico.

Einfach mit der rechten Maustaste auf Seite klicken und auf View Page Source, dann finden Sie den faviconLink im headTag!

z.B :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.