¿Cómo descargar favicon del sitio web?

Cuando navega por un sitio web, el ícono de "favicon" aparece en la pestaña o al lado de la URL (o al lado del marcador).

Si quiero ese gráfico, ¿hay alguna forma de descargarlo directamente desde el sitio? Prefiero descargarlo directamente de la web, pero si todo lo demás falla, lo sacaré de donde esté almacenado en mi computadora (Windows 7, Firefox 3.6.6).

Studiohack tiene el enfoque "exhaustivo" pero aquí hay un breve truco:

1. Ingrese el nombre de dominio como https://superuser.com/(debe terminar con '/')
2. Añadir favicon.icoal final
3. Pulsando la tecla enter (este debe estar en la URL: https://superuser.com/favicon.ico)
4. Haga clic derecho en la imagen y haga clic en "guardar imagen como"

leyendo http://en.wikipedia.org/wiki/Favicon también puede encontrar que:

El siguiente formato es compatible con varios navegadores y es compatible con Internet Explorer, Firefox, Chrome y Opera. [3]

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

Además, lo siguiente también es aceptable:

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

A continuación se muestra el formato admitido 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 poner un archivo llamado 'favicon.ico' en la carpeta raíz, pero para estar seguro, debe buscar el código fuente del archivo servido y ver si se define allí.

por ejemplo, para http://superuser.com es

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

No siempre puede agregar /favicon.ico (por ejemplo, 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/

1. Ir al sitio de destino.
2. Ver la fuente de la página (haga clic derecho en la página y haga clic en "Ver fuente de la página"). El uso de Firefox puede ser ligeramente diferente en otros navegadores.
3. Busque (Ctrl + F) el "icono de acceso directo"

4. Debería ver algo como esto:

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

5. Haga clic derecho en el enlace http://www.sitename.com/images/favicon.ico y guarde el icono. O abra la página usando la URL y guarde la página.

Puedes hacer esto usando el convertidor Google S2.

Aquí está la sintaxis: http://www.google.com/s2/favicons?domain=DomainName

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

Ninguna de las respuestas anteriores funcionó para mí, ya que el sitio del que necesitaba el ícono era un sitio interno, no lo expuso en la fuente y no permitía agregar /favicon.ico, así que busqué un poco más.

Chrome puede jalar el favicon de manera confiable con esta solución:

1. Visita el sitio para el que deseas el favicon
2. Agregue 'chrome: // favicon /' antes de la URL del sitio.
   • ejemplo: chrome: // favicon / https://google.com
3. Haga clic derecho en la imagen
4. Guardar imagen como...

En Firefox 3: haga clic en el favicon, aparecerá una ventana emergente y puede hacer clic en "más información" ... en la ventana que aparece, vaya a la pestaña "Medios". Resalte el elemento multimedia específico que desee (muestra una vista previa en el gran espacio en blanco en la parte inferior de la ventana), luego haga clic en "Guardar como". Dale un nombre, elige una ubicación, ¡y listo! :)

Es posible que algunos sitios no tengan un favicon en la lista, pero algunos ... acertarán o fallarán ... probarán esto en Super User ... SU tiene un favicon en la lista ...

Si tiene habilitado JavaScript, puede 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, use 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")})();

No hay necesidad de toda esa basura de PHP.

Todo lo que necesita hacer en Firefox es hacer clic en la imagen ico en la URL, hacer clic en "Más información", luego hacer clic en el botón "Medios". Favicon.ico suele ser el primero en la lista y ya está resaltado, pero si no lo está, desplácese hacia abajo y luego haga clic en el botón "Guardar como".

Por cierto, desde Firefox 16, las imágenes ico ya no se muestran en el campo URL, pero sí en cada pestaña y se pueden capturar de la misma manera.

Pruebe este bit de PHP que toma el favicon y lo guarda como un archivo .ico. Probablemente podría usar esto para tomar casi cualquier archivo. Tenga en cuenta el uso de la 'b' para el indicador 'binario'.

<?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>';
?>

simplemente copie la url de la barra de direcciones y tome el sitio web y haga clic derecho y seleccione ver fuente o en el tipo de barra de direcciones: ver-fuente: dirección del sitio web. Si desea obtener el icono de Facebook, simplemente escriba, ver fuente : http://www.facebook.com y simplemente presione Ctrl y F juntos y escriba .ico y verá un enlace. En eso habrá un texto con .ico resaltado con color verde. Presione ese enlace. Verá Haga clic con el botón derecho> Guardar imagen como y luego asigne un nombre y guárdelo.

La URL del favicon puede ser diferente www.example.com/favicon.ico.

Simplemente haga clic derecho en la página y haga clic en View Page Source, ¡luego puede encontrar el faviconenlace en la headetiqueta!

p.ej :

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