Come scaricare favicon dal sito Web?


121

Quando navighi in un sito web, l'icona "favicon" appare nella scheda o accanto all'URL (o accanto al segnalibro).

Se voglio quella grafica, c'è un modo per scaricarla direttamente dal sito? Preferirei scaricarlo direttamente dal Web, ma se tutto il resto fallisce, lo estrarrò da dove è archiviato sul mio computer (Windows 7, Firefox 3.6.6).

Risposte:


158

Studiohack ha un approccio "approfondito" ma ecco un breve trucco:

  1. Inserisci il nome del dominio come https://superuser.com/(deve terminare con '/')
  2. Aggiungi favicon.icoalla fine
  3. Premere Invio (questo dovrebbe essere l'URL: https://superuser.com/favicon.ico)
  4. Fare clic destro sull'immagine e fare clic su "salva immagine come"

Le altre risposte sono tutte fantastiche. Ho imparato molto, grazie. Ma, per i miei scopi specifici, questo è quello che stavo cercando. Accettato.
Robert Cartaino

2
Bene, ad eccezione di siti come Wikia.
Hello71,

10
Così semplice ma geniale.
Raffi Khatchadourian,

48

leggendo http://en.wikipedia.org/wiki/Favicon puoi anche scoprire che:

Il seguente formato è compatibile con più browser ed è supportato da Internet Explorer, Firefox, Chrome e Opera. [3]

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

Inoltre è accettabile anche quanto segue:

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

Quanto segue mostra il formato supportato dei tag di collegamento, usando esempi, per HTML e 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">

Quindi, la pratica comune è in effetti quella di mettere un file chiamato 'favicon.ico' nella cartella principale, ma per sicurezza, devi cercare il codice sorgente del file servito e vedere se e cosa è definito lì.

ad es. per http://superuser.com lo è

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

1
Ho trovato siti che non memorizzano favicon.ico nella cartella principale, in particolare su Wikia. Ma quanto sopra ha funzionato.
D Coetzee,

l'apertura ispeziona l'elemento su una pagina e la ricerca icodovrebbe trovarlo.
Qwertie,

Questo ha funzionato anche per me quando cercavo l'icona di un client sul loro sito pubblico da aggiungere all'interfaccia HTTPS del loro server SFTP.
Dacid Salin,

29

Non puoi sempre aggiungere /favicon.ico (es. Https://superuser.com/favicon.ico )
Tutte le risposte sono più complicate del necessario.

Tutto quello che fai è quello che è scritto qui: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Vai al sito di destinazione.
  2. Visualizza l'origine della pagina (fai clic con il pulsante destro del mouse sulla pagina e fai clic su "Visualizza origine pagina") - utilizzando Firefox, potrebbe essere leggermente diverso in altri browser.
  3. Cerca (Ctrl + F) per "icona scorciatoia"
  4. Dovresti vedere qualcosa del genere:

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

  5. Fare clic con il tasto destro sul collegamento http://www.sitename.com/images/favicon.ico e salvare l'icona. Oppure, apri la pagina utilizzando l'URL e salva la pagina.


4
buon Consiglio! Ma non tutti i siti lo specificano direttamente nell'HTML, si può dedurre ..
Jeff Atwood,

1
questo ha funzionato quando /favicon.ico no. Grazie.
Joshua Dance

26

ottimo strumento e più veloce rispetto alla navigazione verso l'URL favico specifico
Luca Steeb,

Questo è l'unico modo di lavorare per me.
Anixx,

Questa in realtà deve essere la risposta! Perché la risposta accettata sopra presuppone che il file favicon sia sempre nella directory root, sia sempre chiamato "favicon" ed è sempre in formato .ico , cosa che non succede sempre! . Qualcuno ha menzionato da qualche parte che la richiesta nel link pubblicato da @vamshi rende la libreria S2 di Google di estrarre effettivamente la favicon dal sito Web di destinazione invece di visualizzare quella memorizzata nella cache. Ma lo testerei per esserne sicuro.
resistente alla luce il

1
No, ciò non funziona se il nome di dominio non è raggiungibile da Google, il che potrebbe essere vero all'interno delle reti private.
Andrew Savinykh,

13

Nessuna delle risposte precedenti ha funzionato per me poiché il sito da cui avevo bisogno dell'icona era un sito interno, non lo esponeva nella fonte e non permetteva di aggiungere /favicon.ico, quindi ho scavato un po 'di più.

Chrome può estrarre in modo affidabile la favicon usando questa soluzione:

  1. Visita il sito per cui desideri la favicon
  2. Aggiungi "chrome: // favicon /" prima dell'URL dei siti.
  3. Fare clic con il tasto destro sull'immagine
  4. Salva l'immagine come...

5

In Firefox 3: fai clic sulla favicon, appare un popup e puoi fare clic su "maggiori informazioni" ... nella finestra che si apre, vai alla scheda "Media". Evidenzia l'elemento multimediale specifico che desideri (mostra un'anteprima nell'ampio spazio bianco nella parte inferiore della finestra), quindi fai clic su "Salva con nome". Dagli un nome, scegli una posizione e il gioco è fatto! :)

Alcuni siti potrebbero non avere una favicon elencata, ma alcuni ... colpiranno o mancheranno ... prova questo su Super User ... SU ha una favicon elencata ...


1
Funziona allo stesso modo nell'ultima versione di Firefox (versione 21), tuttavia, se la favicon si trova nella radice del sito come impostazione predefinita di IE, non verrà visualizzata come media lì! Poiché non è specificato direttamente nell'HTML, è implicito.
Jeff Atwood,

4

Se JavaScript è abilitato, è possibile eseguirlo nella console:

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

In alternativa, utilizzare il codice seguente come segnalibro / incolla nell'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")})();

2

Non c'è bisogno di tutta quella merda di PHP.

Tutto ciò che devi fare in Firefox è fare clic sull'immagine ico nell'URL, fare clic su "Ulteriori informazioni", quindi fare clic sul pulsante "Media". Favicon.ico è di solito il primo nell'elenco e già evidenziato, ma se non lo è, scorrere verso il basso e quindi fare clic sul pulsante "Salva con nome".

A proposito, da Firefox 16, le immagini ico non vengono più visualizzate nel campo URL, ma in ogni scheda e possono essere catturate allo stesso modo.


Questo sembra non essere più vero. La favicon appare solo nella scheda. L'icona della casella dell'URL è un globo che fornisce solo informazioni sulla sicurezza e le autorizzazioni del sito
Chronometric

1

Prova questo bit di PHP che afferra il favicon e lo salva come file .ico. Probabilmente potresti usarlo per prendere quasi tutti i file. Nota l'uso del flag "b" per "binario".

<?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
Potrebbe funzionare, ma è piuttosto eccessivo e non corrisponde alla richiesta dell'OP di scaricarlo da Windows / Firefox. Se hai intenzione di usare PHP, puoi anche cercare il riferimento al link all'interno del codice sorgente.
wag2639

0

basta copiare l'URL dalla barra degli indirizzi e prendere il sito Web e fare clic con il pulsante destro del mouse e selezionare Visualizza sorgente o sul tipo di barra degli indirizzi: visualizza sorgente: indirizzo del sito Web. Se si desidera ottenere l'icona di Facebook, basta digitare, visualizza sorgente : http://www.facebook.com e basta premere Ctrl e F insieme e digitare .ico e vedrai un link. In questo modo ci sarà un testo con .ico evidenziato con colore verde. Premi quel link. Vedrai l'icona. Fai clic con il pulsante destro del mouse> Salva immagine con nome, quindi assegna un nome e salvalo.


0

L'URL favicon potrebbe essere diverso da www.example.com/favicon.ico.

Basta fare clic destro sulla pagina e fare clic su View Page Source, quindi è possibile trovare il faviconcollegamento nel headtag!

per esempio :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.