Questão Como baixar favicon do site?


Quando você navega em um site, o ícone "favicon" aparece na guia ou ao lado do URL (ou próximo ao marcador).

Se eu quiser esse gráfico, existe uma maneira de baixá-lo diretamente do site? Eu prefiro baixá-lo diretamente da web, mas se tudo o mais falhar, eu vou tirá-lo de onde quer que seja armazenado no meu computador (Windows 7, Firefox 3.6.6).


115


origem




Respostas:


Studiohack tem a abordagem "completa", mas aqui está um pequeno hack:

  1. Digite o nome do domínio como https://superuser.com/(deve terminar com '/')
  2. Adicionar favicon.ico até o fim
  3. Pressione enter (isso deve estar no URL: https://superuser.com/favicon.ico)
  4. Clique com o botão direito na imagem e clique em "salvar imagem como"

147



As outras respostas são todas fantásticas. Eu aprendi muito, obrigado. Mas, para meus propósitos específicos, é isso que eu estava procurando. Aceitaram. - Robert Cartaino♦
Bem, exceto em sites como a Wikia. - Hello71
Tão simples, mas genial. - Raffi Khatchadourian


pela leitura http://en.wikipedia.org/wiki/Favicon Você também pode achar que:

O formato a seguir é compatível com vários navegadores e é suportado   pelo Internet Explorer, Firefox, Chrome e Opera. [3]

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

Além disso, o seguinte também é aceitável:

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

A seguir mostra o formato suportado de tags de link, 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">

Assim, a prática comum é, na verdade, colocar um arquivo chamado 'favicon.ico' na pasta raiz, mas, para ter certeza, você precisa procurar o código-fonte do arquivo servido e ver se e o que está definido lá.

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

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

44



Eu encontrei sites que não armazenam favicon.ico na pasta raiz, particularmente na Wikia. Mas o acima funcionou. - D Coetzee
abertura inspecionar elemento em uma página e busca ico deve encontrá-lo. - Qwertie


Você não pode sempre adicionar /favicon.ico (por exemplo, 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 de destino.
  2. Ver a fonte da página (clique com o botão direito na página e clique em "Ver fonte da página") - usando o firefox, pode ser um pouco diferente em outros navegadores.
  3. Pesquisa (Ctrl + F) para "ícone de atalho"
  4. Você deveria ver algo assim:

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

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


28



Bom conselho! Mas nem todos os sites especificam diretamente no HTML, isso pode ser inferido .. - Jeff Atwood
isso funcionou quando o /favicon.ico não. Obrigado. - Joshua Dance


Você pode fazer isso usando o conversor do 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/


23



ótima ferramenta e mais rápido do que navegar para o url específico - Luca Steeb
Este é o único caminho trabalhado para mim. - Anixx


Nenhuma das respostas anteriores funcionou para mim, já que o site do qual eu precisava era um site interno, não o expus na fonte e não permiti acrescentar o /favicon.ico, então eu cavei um pouco mais.

O Chrome pode puxar o favicon de forma confiável usando esta solução:

  1. Visite o site que você quer o favicon para
  2. Adicione "chrome: // favicon /" antes do URL dos sites.
  3. Clique com o botão direito na imagem
  4. Salvar imagem como...

7





No Firefox 3: Clique no favicon, aparece um pop-up, e você pode clicar em "mais informações" ... na janela que aparece, vá para a guia "Mídia". Realce o item de mídia específico que você deseja (ele mostra uma visualização no grande espaço em branco na parte inferior da janela) e clique em "Salvar como". Dê um nome, escolha um local e pronto! :)

Alguns sites podem não ter um favicon listado, mas alguns vão ... acertar ou errar ... tente isso no Super Usuário ... SU tem um favicon listado ...


5



Isso funciona da mesma forma no Firefox mais recente (ver 21) no entanto, se o favicon estiver na raiz do site ala o padrão do IE, ele não aparecerá como media lá! Porque não é especificado diretamente no HTML, está implícito. - Jeff Atwood


Se você tem JavaScript habilitado, você pode rodar isso no 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');
    }
})();

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

4





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

Tudo o que você precisa fazer no Firefox é clicar na imagem do ico no URL, clicar em "Mais informações" e clicar no botão "Mídia". O Favicon.ico é geralmente o primeiro da lista e já está destacado, mas se não estiver, role para baixo e clique no botão "Salvar como".

By the way, desde o Firefox 16, ico imagens não são exibidas no campo URL mais, mas em cada guia e pode ser agarrado da mesma maneira.


2



Isso parece não ser mais verdade. O favicon só aparece na guia. O ícone da caixa de URL é um globo que fornece apenas informações sobre segurança e permissões do site - chronometric


Tente este bit de PHP que pega o favicon e o salva como um arquivo .ico. Você provavelmente poderia usar isso para pegar quase qualquer arquivo. Observe o uso do 'b' para o sinalizador '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>';
?>

1



Isso pode funcionar, mas é muito exagerado e não corresponde ao pedido do OP para fazer o download do Windows / Firefox. Se você for usar o PHP, também pode procurar a referência do link dentro do código-fonte. - wag2639


basta copiar o URL da barra de endereço e acessar o site, clicar com o botão direito do mouse e selecionar ver a fonte ou no tipo de barra de endereço: view-source: website address.Se quiser obter o ícone do facebook, basta digitar, view-source:http://www.facebook.com e apenas pressione Ctrl e F juntos e digite .ico e você verá um link. Em que haverá um texto com .ico destacado com cor verde. Pressione esse link. Você verá o ícone. Clique direito> Salvar imagem como e então dê nome e salve.


0





O URL do favicon pode ser diferente de www.example.com/favicon.ico.

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

por exemplo. :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>

0