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).
Studiohack tem a abordagem “minuciosa”, mas aqui está um pequeno hack:
https://superuser.com/(deve terminar com ‘/’) favicon.ico ao final https://superuser.com/favicon.ico) 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">
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/
Deverá ver algo como isto:
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.
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/
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:
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")})();
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…
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.
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>';
?>
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"/>
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.