Quando você navega em um site, o ícone "favicon" aparece na guia ou ao lado do URL (ou ao lado do marcador).
Se eu quiser esse gráfico, existe uma maneira de baixá-lo diretamente do site? Eu preferiria baixá-lo diretamente da Web, mas se tudo mais falhar, eu o desenterro onde quer que esteja armazenado no meu computador (Windows 7, Firefox 3.6.6).
Respostas:
O Studiohack tem a abordagem "completa", mas aqui está um pequeno truque:
https://superuser.com/(deve terminar com '/')favicon.icoao finalhttps://superuser.com/favicon.ico)lendo http://en.wikipedia.org/wiki/Favicon, você também pode descobrir 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">
Portanto, a prática comum é de fato 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 é
<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico">
icodeve encontrá-lo.
Você nem sempre pode 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/
Você deve ver algo assim:
link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>
Clique com o botão direito do mouse 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.
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/
Nenhuma das respostas anteriores funcionou para mim, pois o site do qual precisava do ícone era um site interno, não o expôs na fonte e não permitiu anexar o /favicon.ico, então eu cavei um pouco mais.
O Chrome pode obter o favicon de maneira confiável usando esta solução:
No Firefox 3: Clique no favicon, um pop-up aparece e você pode clicar em "mais informações" ... na janela exibida, vá para a guia "Mídia". Destaque 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 outros ... podem falhar ... tente isso no Superusuário ... SU tem um favicon listado ...
Se você tiver o JavaScript ativado, poderá executar 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 marcador / cole 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")})();
Não há necessidade de toda essa porcaria de PHP.
Tudo o que você precisa fazer no Firefox é clicar na imagem ico no URL, clicar em "Mais informações" e depois 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".
A propósito, desde o Firefox 16, as imagens ico não são mais exibidas no campo URL, mas são exibidas em cada guia e podem ser capturadas da mesma maneira.
Experimente este pouco 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>';
?>
basta copiar o URL da barra de endereços e acessar o site e clicar com o botão direito do mouse e selecionar a fonte de exibição ou na barra de endereço tipo: view-source: endereço do site.Se você deseja obter o ícone do facebook, basta digitar view-source : http://www.facebook.com e pressione Ctrl e F juntos e digite .ico e você verá um link. Nesse caso, haverá um texto com .ico destacado em verde. Pressione esse link. Você verá Clique com o botão direito do mouse em> Salvar imagem como e, em seguida, forneça o nome e salve-o.
Talvez o URL do favicon seja diferente www.example.com/favicon.ico.
Simplesmente clique com o botão direito do mouse na página e clique em View Page Source, para encontrar o faviconlink na headtag!
por exemplo :
<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>