Cuando navegas por un sitio web, el icono del “favicon” aparece en la pestaña o junto a la URL (o junto al marcador).
Si quiero ese gráfico, ¿hay alguna forma de descargarlo directamente del sitio? Preferiría descargarlo directamente de la web, pero si todo lo demás falla, lo sacaré de donde esté almacenado en mi ordenador (Windows 7, Firefox 3.6.6).
Studiohack tiene el enfoque “minucioso” pero aquí hay un pequeño hack:
https://superuser.com/(debe terminar con ‘/’) favicon.ico al final https://superuser.com/favicon.ico) leyendo http://en.wikipedia.org/wiki/Favicon también puedes encontrar que:
El siguiente formato es compatible con todos los navegadores y es soportado por Internet Explorer, Firefox, Chrome, y Opera.[3]
<link rel="shortcut icon" href="http://www.example.com/myicon.ico" />Adicionalmente también es aceptable:
<link rel="shortcut icon" href="/somepath/myicon.ico" />Lo siguiente muestra el formato soportado de etiquetas de enlace, usando ejemplos, para HTML y 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">
Entonces, la práctica común es, de hecho, poner un archivo llamado ‘favicon.ico’ en la carpeta raíz, pero para estar seguro, tienes que buscar el código fuente del archivo servido y ver si y qué es lo que está definido allí.
por ejemplo, para http://superuser.com es
<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico">
No siempre se puede añadir /favicon.ico (eg. https://superuser.com/favicon.ico ) Todas las respuestas son más complicadas de lo necesario.
Todo lo que haces es lo que está escrito aquí: http://www.itechcolumn.com/4-way-download-favicon-website/
Deberías ver algo como esto:
Haz clic con el botón derecho del ratón en el enlace http://www.sitename.com/images/favicon.ico y guarda el icono. O, abre la página usando el URL y guarda la página.
Puedes hacerlo usando el convertidor de Google S2.
Aquí está la sintaxis : http://www.google.com/s2/favicons?domain=DomainName
ex http://www.google.com/s2/favicons?domain=https://superuser.com/
Ninguna de las respuestas anteriores me funcionó, ya que el sitio del que necesitaba el icono era un sitio interno, no lo exponía en la fuente, y no permitía añadir /favicon.ico, así que cavé un poco más.
Chrome puede sacar el favicon de forma fiable usando esta solución:
Si tienes JavaScript habilitado, puedes ejecutar esto en la 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');
}
})();
Alternativamente usa el siguiente código como marcador / pegar en la 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")})();
En Firefox 3: Haz clic en el favicon, aparece un popup, y puedes hacer clic en “más información”… en la ventana que aparece, ve a la pestaña “Media”. Resalta el elemento multimedia específico que desees (muestra una vista previa en el gran espacio en blanco de la parte inferior de la ventana), y luego haz clic en “Guardar como”. Ponle un nombre, elige una ubicación y ¡listo! :)
Puede que algunos sitios no tengan un favicon listado, pero otros… lo intentarán en Super Usuario… SU tiene un favicon listado…
No hay necesidad de toda esa mierda de PHP.
Todo lo que necesitas hacer en Firefox es hacer click en la imagen ico en la URL, hacer click en “Más información”, y luego hacer click en el botón “Media”. Favicon.ico suele ser el primero en la lista y ya está resaltado, pero si no lo está, baja y luego haz clic en el botón “Guardar como”.
Por cierto, desde Firefox 16, las imágenes ico ya no se muestran en el campo URL, sino que lo hacen en cada pestaña y se pueden agarrar de la misma manera.
Prueba este trozo de PHP que toma el favicon y lo guarda como un archivo .ico. Probablemente podrías usar esto para tomar casi cualquier archivo. Fíjate en el uso de la ‘b’ para la bandera ‘binaria’.
<?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>';
?>
El favicon url puede ser diferente de www.example.com/favicon.ico.
Simplemente haz clic con el botón derecho del ratón en la página y haz clic en View Page Source, entonces podrás encontrar el enlace favicon en la etiqueta head!
e.g. :
<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
solo copia la url de la barra de direcciones y toma el sitio web y haz click derecho y selecciona ver la fuente o en la barra de direcciones escribe:view-source:website address.Si quieres obtener el icono de facebook,solo escribe, view-source http://www.facebook.com y solo presiona Ctrl y F a la vez y escribe .ico y veras un link.en el que habra un texto con .ico resaltado con color verde.presiona ese link.veras el icono.haz click derecho > Save Image As y luego dale nombre y guardalo.