¿Cómo descargar favicon del sitio web?


121

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).

Respuestas:


158

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"

Las otras respuestas son todas increíbles. Aprendí mucho, gracias. Pero, para mis propósitos específicos, esto es lo que estaba buscando. Aceptado.
Robert Cartaino

2
Bueno, excepto para sitios como Wikia.
Hola71

10
Tan simple pero genial.
Raffi Khatchadourian

48

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"> 

1
He encontrado sitios que no almacenan favicon.ico en la carpeta raíz, particularmente en Wikia. Pero lo anterior funcionó.
D Coetzee

abrir el elemento de inspección en una página y buscar icodebería encontrarlo.
Qwertie

Esto también funcionó para mí cuando buscaba el icono de un cliente en su sitio público para agregar a la interfaz HTTPS de su servidor SFTP.
Dacid Salin

29

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.


44
¡buen consejo! Pero no todos los sitios lo especifican directamente en el HTML, se puede inferir ..
Jeff Atwood

1
esto funcionó cuando el /favicon.ico no lo hizo. Gracias.
Joshua Dance

26

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/


gran herramienta y más rápido que navegar a la URL favico específica
Luca Steeb

Esta es la única forma en que funcionó para mí.
Anixx

¡ESTO realmente necesita ser la respuesta! Debido a que la respuesta aceptada anteriormente supone que el archivo favicon siempre está en el directorio raíz, siempre se llama "favicon" y siempre está en formato .ico , ¡ lo cual no siempre es así! . Alguien mencionó en alguna parte que la solicitud en el enlace publicado por @vamshi hace que la biblioteca S2 de Google extraiga el favicon del sitio web de destino en lugar de mostrar el caché. Pero lo probaría para estar seguro.
prueba de luz el

1
No, eso no funciona si el nombre de dominio no es accesible por Google, lo que podría ser cierto dentro de las redes privadas.
Andrew Savinykh

13

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.
  3. Haga clic derecho en la imagen
  4. Guardar imagen como...

5

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 ...


1
Sin embargo, si el favicon está en la raíz del sitio por defecto de IE, ¡no aparecerá como medio allí! Debido a que no se especifica directamente en el HTML, está implícito.
Jeff Atwood

4

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

2

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.


Esto parece no ser cierto más. El favicon solo aparece en la pestaña. El ícono del cuadro de URL es un globo que solo brinda información sobre la seguridad y los permisos del sitio
cronométrico del

1

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

1
Esto podría funcionar, pero es demasiado exagerado y no coincide con la solicitud del OP para descargarlo de Windows / Firefox. Si va a usar PHP, también puede buscar la referencia del enlace dentro del código fuente.
wag2639

0

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.


0

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"/>
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.