Jak pobrać favicon ze strony internetowej?

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).

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”

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

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ę.

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/

Ż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.
   • przykład: chrome: // favicon / https://google.com
3. Kliknij obraz prawym przyciskiem myszy
4. Zapisz obraz jako...

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 ...

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

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.

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

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ą.

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"/>