Jak pobrać favicon ze strony internetowej?

121

Podczas przeglądania strony internetowej ikona „favicon” pojawia się na karcie lub obok adresu URL (lub obok zakładki).

Jeśli chcę tę grafikę, czy istnieje sposób, aby pobrać ją bezpośrednio ze strony? Wolałbym pobrać go bezpośrednio z Internetu, ale jeśli wszystko inne zawiedzie, wykopię go z dowolnego miejsca na moim komputerze (Windows 7, Firefox 3.6.6).

Robert Cartaino
źródło

Odpowiedzi:

158

Studiohack ma podejście „gruntowne”, ale oto krótki hack:

  1. Wpisz nazwę domeny jak https://superuser.com/(musi kończyć się na „/”)
  2. Dodaj favicon.icodo końca
  3. Naciśnij ENTER (powinno to być w adresie URL: https://superuser.com/favicon.ico)
  4. Kliknij obraz prawym przyciskiem myszy i kliknij „zapisz obraz jako”
wag2639
źródło
Wszystkie pozostałe odpowiedzi są niesamowite. Dużo się nauczyłem, dziękuję. Ale do moich konkretnych celów tego właśnie szukałem. Przyjęty.
Robert Cartaino
2
Cóż, z wyjątkiem stron takich jak Wikia.
Cześć71,
10
Tak prosty, ale genialny.
Raffi Khatchadourian
48

czytając http://en.wikipedia.org/wiki/Favicon można również dowiedzieć się, że:

Poniższy format jest zgodny z wieloma przeglądarkami i obsługiwany przez Internet Explorer, Firefox, Chrome i Opera. [3]

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

Dodatkowo dopuszczalne są również:

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

Poniżej pokazano obsługiwany format tagów linków, z wykorzystaniem przykładów, dla HTML i 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">

Tak więc powszechną praktyką jest rzeczywiście umieszczanie pliku o nazwie „favicon.ico” w folderze głównym, ale aby się upewnić, musisz sprawdzić kod źródłowy obsługiwanego pliku i sprawdzić, czy i co jest tam zdefiniowane.

np. dla http://superuser.com to jest

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 
akira
źródło
1
Znalazłem strony, które nie przechowują favicon.ico w folderze głównym, szczególnie na Wikii. Ale powyższe działało.
D Coetzee,
otwieranie elementu inspekcji na stronie i wyszukiwanie icopowinno go znaleźć.
Qwertie
To zadziałało również dla mnie, gdy szukałem ikony klienta na stronie publicznej, aby dodać ją do interfejsu HTTPS serwera SFTP.
Dacid Salin
29

Nie zawsze możesz dodać /favicon.ico (np. Https://superuser.com/favicon.ico )
Wszystkie odpowiedzi są bardziej skomplikowane niż to konieczne.

Wszystko, co robisz, jest napisane tutaj: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Przejdź do strony docelowej.
  2. Wyświetl źródło strony (kliknij prawym przyciskiem myszy stronę i kliknij „Wyświetl źródło strony”) - używając Firefox, może się nieco różnić w innych przeglądarkach.
  3. Wyszukaj (Ctrl + F) „ikona skrótu”
  4. Powinieneś zobaczyć coś takiego:

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

  5. Kliknij prawym przyciskiem myszy link http://www.sitename.com/images/favicon.ico i zapisz ikonę. Lub otwórz stronę za pomocą adresu URL i zapisz stronę.

nittyjee
źródło
4
dobra rada! Ale nie wszystkie strony określają to bezpośrednio w kodzie HTML, można to wywnioskować.
Jeff Atwood
1
działało to, gdy nie działał plik /favicon.ico. Dzięki.
Joshua Dance
26

Możesz to zrobić za pomocą konwertera Google S2.

Oto składnia: http://www.google.com/s2/favicons?domain=DomainName

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

Vamshi Kurra
źródło
świetne narzędzie i szybsze niż nawigacja do konkretnego adresu favico
Luca Steeb
To jedyny sposób, który zadziałał dla mnie.
Anixx,
TO faktycznie musi być odpowiedź! Ponieważ w powyższej przyjętej odpowiedzi założono, że plik favicon zawsze znajduje się w katalogu głównym, zawsze ma nazwę „favicon” i zawsze ma format .ico , co nie zawsze tak jest! . Ktoś gdzieś wspomniał, że żądanie w linku opublikowanym przez @vamshi powoduje, że biblioteka Google S2 pobiera favicon z docelowej witryny zamiast wyświetlać ją w pamięci podręcznej. Ale na pewno bym to przetestował.
światłoszczelne
1
Nie, to nie działa, jeśli nazwa domeny nie jest dostępna w Google, co może być prawdą w sieciach prywatnych.
Andrew Savinykh
13

Żadna z poprzednich odpowiedzi nie działała dla mnie, ponieważ witryna, z której potrzebowałem ikony, była witryną wewnętrzną, nie ujawniałem jej w źródle i nie pozwalałem na dołączanie pliku /favicon.ico, więc kopałem trochę więcej.

Chrome może niezawodnie pobrać favicon za pomocą tego rozwiązania:

  1. Odwiedź stronę, dla której chcesz favicon
  2. Dodaj „chrome: // favicon /” przed adresem strony.
  3. Kliknij obraz prawym przyciskiem myszy
  4. Zapisz obraz jako...
JD
źródło
5

W przeglądarce Firefox 3: kliknij ikonę ulubionych, pojawi się wyskakujące okienko i możesz kliknąć „więcej informacji” ... w wyskakującym oknie przejdź do zakładki „Media”. Podświetl żądany element multimedialny, który chcesz (pokazuje podgląd w dużej białej przestrzeni u dołu okna), a następnie kliknij „Zapisz jako”. Nadaj nazwę, wybierz lokalizację i gotowe! :)

Niektóre witryny mogą nie mieć favikonu na liście, ale niektóre ... uderzą lub spudłują ... wypróbuj to na Super User ... SU ma favicon na liście ...

studiohack
źródło
1
Działa to tak samo w najnowszym Firefoksie (wer. 21), ale jeśli favicon znajduje się w katalogu głównym witryny, podobnie jak w IE, nie pojawi się tam jako nośnik! Ponieważ nie jest określony bezpośrednio w kodzie HTML, jest to dorozumiane.
Jeff Atwood
4

Jeśli masz włączoną obsługę JavaScript, możesz uruchomić to w konsoli:

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

Alternatywnie użyj poniższego kodu jako zakładki / wklej w adresie 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")})();
Pranav 웃
źródło
2

Nie ma potrzeby tego całego badziewia PHP.

W przeglądarce Firefox wystarczy kliknąć obraz ico w adresie URL, kliknąć „Więcej informacji”, a następnie kliknąć przycisk „Media”. Favicon.ico jest zwykle pierwszym na liście i jest już podświetlony, ale jeśli nie jest, przewiń w dół, a następnie kliknij przycisk „Zapisz jako”.

Nawiasem mówiąc, odkąd Firefox 16, obrazy ico nie są już wyświetlane w polu adresu URL, ale robią to na każdej karcie i można je pobrać w ten sam sposób.

Xircal
źródło
To wydaje się już nie być prawdą. Ikona ulubionych pojawia się tylko na karcie. Ikona pola adresu URL to kula ziemska, która podaje jedynie informacje o bezpieczeństwie witryny i uprawnieniach
chronometr
1

Wypróbuj ten kawałek PHP, który pobiera favicon i zapisuje go jako plik .ico. Prawdopodobnie możesz użyć tego do przechwycenia prawie dowolnego pliku. Zwróć uwagę na użycie flagi „b” dla „binarnej”.

<?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>';
?>
PHP Hacker
źródło
1
Może to działać, ale jest dość przesadne i nie odpowiada prośbie OP o pobranie go z Windows / Firefox. Jeśli zamierzasz używać PHP, równie dobrze możesz poszukać odwołania do linku w kodzie źródłowym.
wag2639
0

po prostu skopiuj adres URL z paska adresu i weź stronę internetową, kliknij prawym przyciskiem myszy i wybierz źródło widoku lub typ paska adresu: view-source: adres strony.Jeśli chcesz uzyskać ikonę facebook, po prostu wpisz, view-source : http://www.facebook.com i po prostu naciśnij Ctrl i F razem i wpisz .ico, a zobaczysz link. W tym będzie tekst z .ico podświetlony na zielono. Naciśnij ten link. Zobaczysz ikonę Kliknij prawym przyciskiem myszy> Zapisz obraz jako, a następnie podaj nazwę i zapisz ją.

Blestin V Bency
źródło
0

Adres URL favicon może być inny niż www.example.com/favicon.ico.

Wystarczy kliknąć prawym przyciskiem myszy na stronie i kliknąć View Page Source, a następnie można znaleźć faviconlink w headtagu!

np .:

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Ahmad Mobaraki
źródło