2010-06-29 02:16:45 +0000 2010-06-29 02:16:45 +0000
126
126

Como descarregar favicon do site?

Quando navega num site, o ícone “favicon” aparece no separador ou junto ao URL (ou junto ao bookmark).

Se eu quiser esse gráfico, existe alguma forma de o descarregar directamente do site? Prefiro descarregá-lo directamente da web, mas se tudo o resto falhar, vou desenterrá-lo de onde quer que esteja guardado no meu computador (Windows 7, Firefox 3.6.6).

Respostas (11)

164
164
164
2010-06-29 02:34:44 +0000

Studiohack tem a abordagem “minuciosa”, mas aqui está um pequeno hack:

  1. Introduza o nome de domínio como https://superuser.com/(deve terminar com ‘/’)
  2. Adicione favicon.ico ao final
  3. Prima enter (isto deve estar no URL: https://superuser.com/favicon.ico)
  4. Clique com o botão direito do rato sobre a imagem e clique em “guardar imagem como”.
48
48
48
2010-06-29 02:50:58 +0000

lendo http://en.wikipedia.org/wiki/Favicon também pode encontrar que:

O seguinte formato é compatível com cross-browser e é suportado pelo Internet Explorer, Firefox, Chrome e Opera.[3]

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

Adicionalmente também é aceitável o seguinte:

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

O seguinte mostra o formato suportado de tags de ligação, usando exemplos, para 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"> &007

Portanto, a prática comum é de facto colocar um ficheiro chamado ‘favicon.ico’ na pasta raiz, mas para ter a certeza, tem de consultar o código fonte do ficheiro servido e ver se e o que lá está definido.

por exemplo, para http://superuser.com é

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico">
29
29
29
2013-01-31 05:02:27 +0000

Nem sempre é possível adicionar /favicon.ico (ex. https://superuser.com/favicon.ico ) Todas as respostas são mais complicadas do que o necessário.

Tudo o que você faz é o que está escrito aqui: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Vá para o site alvo.
  2. Ver a fonte da página (clique com o botão direito do rato na página e clique em “Ver fonte da página”) - usando o firefox, pode ser ligeiramente diferente noutros browsers.
  3. Procure (Ctrl+F) pelo “ícone de atalho”
  4. Deverá ver algo como isto:

  5. Clique com o botão direito no link http://www.sitename.com/images/favicon.ico e guarde o ícone. Ou, abra a página usando o URL e salve a página.

26
26
26
2014-11-24 07:12:03 +0000

Pode fazer isto utilizando o conversor Google S2.

Aqui está a sintaxe : http://www.google.com/s2/favicons?domain=DomainName

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

14
14
14
2015-10-02 17:12:24 +0000

Nenhuma das respostas anteriores funcionou para mim pois o site de onde eu precisava do ícone era um site interno, não o expunha na fonte e não permitia anexar /favicon.ico então eu cavei um pouco mais.

Chrome pode puxar o favicon com confiança usando esta solução:

  1. Visite o site onde pretende o favicon para
  2. Adicione ‘chrome://favicon/’ antes dos sites url.
  3. exemplo: chrome://favicon https://google.com
  4. Clique com o botão direito do rato sobre a imagem
  5. Guardar imagem como…
5
5
5
2012-12-11 12:06:19 +0000

Se tiver o JavaScript activado, pode executar isto na consola :

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

Em alternativa, use o código abaixo como um marcador/colar no 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")})();
5
5
5
2010-06-29 02:19:19 +0000

No Firefox 3: Clique no favicon, aparece um popup, e pode clicar em “mais informações”…na janela que aparece, vá para o separador “Media”. Realce o item de media específico que pretende (mostra uma pré-visualização no espaço grande e branco na parte inferior da janela), depois clique em “Save As”. Dê-lhe um nome, escolha um local e já está! :)

Alguns sites podem não ter um favicon listado, mas alguns vão…bater ou falhar…experimente isto no Super User…SU tem um favicon listado…

2
2
2
2012-12-11 08:38:27 +0000

Não há necessidade de toda essa porcaria de PHP.

Tudo que você precisa fazer no Firefox é clicar na imagem ico na URL, clicar em “Mais Informações”, depois clicar no botão “Mídia”. O Favicon.ico é normalmente o primeiro da lista e já está em destaque, mas se não estiver, desça e depois clique no botão “Save As”.

A propósito, desde o Firefox 16, as imagens ico já não aparecem no campo URL, mas aparecem em cada separador e podem ser agarradas da mesma forma.

1
1
1
2011-12-13 14:49:05 +0000

Tente este pouco de PHP que agarra o favicon e o salva como um arquivo .ico. Você provavelmente poderia usar isto para pegar quase qualquer arquivo. Note o uso da bandeira ‘b’ para ‘binário’.

<?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>';
?>
0
0
0
2017-01-18 08:30:02 +0000

A url do favicon talvez diferente de www.example.com/favicon.ico.

Basta clicar com o botão direito na página e clicar em View Page Source, depois pode encontrar o link favicon em head tag!

e.g. :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
0
0
0
2014-12-11 10:42:11 +0000

Basta copiar a url da barra de endereços e pegar no site e clicar com o botão direito do rato e seleccionar view source ou na barra de endereços tipo:view-source:website address. Se quiser obter o ícone do facebook, basta digitar, view-source http://www.facebook.com e carregar em Ctrl e F ao mesmo tempo e digitar .ico e verá um link, no qual haverá um texto com .ico destacado com cor verde.