Comment télécharger favicon depuis un site web?

121

Lorsque vous naviguez sur un site Web, l’icône "icone" apparaît dans l’onglet ou à côté de l’URL (ou à côté du signet).

Si je veux ce graphique, est-il possible de le télécharger directement à partir du site? Je préférerais le télécharger directement à partir du Web, mais si tout échoue, je le récupère où qu'il se trouve sur mon ordinateur (Windows 7, Firefox 3.6.6).

Robert Cartaino
la source

Réponses:

158

Studiohack a une approche "approfondie" mais voici un petit hack:

  1. Entrez le nom de domaine comme https://superuser.com/(doit se terminer par '/')
  2. Ajouter favicon.icoà la fin
  3. Appuyez sur Entrée (cela devrait être dans l'URL: https://superuser.com/favicon.ico)
  4. Faites un clic droit sur l'image et cliquez sur "enregistrer l'image sous"
wag2639
la source
Les autres réponses sont toutes géniales. J'ai beaucoup appris, merci. Mais, pour mes besoins spécifiques, voici ce que je cherchais. Accepté.
Robert Cartaino
2
Eh bien, sauf pour des sites comme Wikia.
Bonjour71
10
Si simple mais génial.
Raffi Khatchadourian
48

en lisant http://en.wikipedia.org/wiki/Favicon vous pouvez également trouver que:

Le format suivant est compatible avec plusieurs navigateurs et est pris en charge par Internet Explorer, Firefox, Chrome et Opera. [3]

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

En outre, les éléments suivants sont également acceptables:

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

Ce qui suit montre le format pris en charge des balises de lien, à l'aide d'exemples, pour HTML et 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">

La pratique courante est donc de placer un fichier appelé 'favicon.ico' sur le dossier racine, mais pour être sûr, vous devez rechercher le code source du fichier servi et voir si et ce qui y est défini.

par exemple, pour http://superuser.com c'est

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 
Akira
la source
1
J'ai trouvé des sites qui ne stockent pas favicon.ico dans le dossier racine, en particulier sur Wikia. Mais ce qui précède a fonctionné.
D Coetzee
l'ouverture de l'élément inspect sur une page et la recherche icodoit le trouver.
Qwertie
Cela a également fonctionné pour moi lorsque je cherchais l'icône d'un client sur leur site public à ajouter à l'interface HTTPS de leur serveur SFTP.
Dacid Salin le
29

Vous ne pouvez pas toujours ajouter /favicon.ico (par exemple, https://superuser.com/favicon.ico ).
Toutes les réponses sont plus compliquées que nécessaire.

Tout ce que vous faites est ce qui est écrit ici: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Allez sur le site cible.
  2. Affichez le code source de la page (cliquez avec le bouton droit de la souris sur la page et sélectionnez "Afficher le code source de la page"). Si vous utilisez Firefox, votre navigateur peut différer légèrement.
  3. Rechercher (Ctrl + F) pour "icône de raccourci"
  4. Vous devriez voir quelque chose comme ça:

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

  5. Cliquez avec le bouton droit sur le lien http://www.sitename.com/images/favicon.ico et enregistrez l’icône. Ou, ouvrez la page en utilisant l'URL et enregistrez la page.

Nittyjee
la source
4
bon conseil! Mais tous les sites ne le spécifient pas directement dans le code HTML, on peut en déduire ..
Jeff Atwood
1
cela a fonctionné quand le /favicon.ico n'a pas. Merci.
Joshua Dance
26

Vous pouvez le faire en utilisant le convertisseur Google S2.

Voici la syntaxe: http://www.google.com/s2/favicons?domain=DomainName

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

Vamshi Kurra
la source
excellent outil et plus rapide que la navigation vers l'URL spécifique de favico
Luca Steeb
C'est le seul moyen qui a fonctionné pour moi.
Anixx
CECI a réellement besoin d'être la réponse! Parce que la réponse acceptée ci-dessus suppose que le fichier favicon est toujours dans le répertoire racine, toujours nommé "favicon" et toujours au format .ico , ce qui n'est pas toujours le cas! . Quelqu'un a mentionné quelque part que la demande contenue dans le lien envoyé par @vamshi oblige la bibliothèque S2 de Google à extraire le favicon du site Web cible au lieu d'afficher celui mis en cache. Mais je voudrais le tester pour être sûr.
décolleté
1
Non, cela ne fonctionne pas si le nom de domaine n'est pas accessible par Google, ce qui pourrait être vrai dans les réseaux privés.
Andrew Savinykh
13

Aucune des réponses précédentes ne fonctionnait pour moi car le site sur lequel j'avais besoin de l'icône était un site interne, ne l'exposait pas dans le source et n'autorisait pas l'ajout de /favicon.ico, j'ai donc creusé un peu plus.

Chrome peut extraire le favicon de manière fiable à l'aide de cette solution:

  1. Visitez le site pour lequel vous voulez le favicon
  2. Ajoutez 'chrome: // favicon /' avant l'URL du site.
  3. Clic droit sur l'image
  4. Enregistrer l'image sous...
JD
la source
5

Dans Firefox 3: Cliquez sur l'icône de favicon, une fenêtre contextuelle apparaît et vous pouvez cliquer sur "Plus d'informations" ... dans la fenêtre qui apparaît, allez dans l'onglet "Multimédia". Mettez en surbrillance l'élément multimédia que vous souhaitez (un aperçu apparaît dans le grand espace blanc au bas de la fenêtre), puis cliquez sur "Enregistrer sous". Donnez-lui un nom, choisissez un emplacement et vous avez terminé! :)

Certains sites peuvent ne pas avoir de favicon répertorié, mais certains vont ... frapper ou rater ... essayer ceci sur Super User ... SU a un favicon répertorié ...

studiohack
la source
1
Cela fonctionne de la même manière dans Firefox (version 21), cependant, si le favicon se trouve à la racine du site, par défaut dans IE, il ne sera pas affiché comme média! Parce que ce n'est pas spécifié directement dans le HTML, c'est implicite.
Jeff Atwood
4

Si JavaScript est activé, vous pouvez l'exécuter dans la 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');
    }
})();

Vous pouvez également utiliser le code ci-dessous en tant que signet / coller dans l'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")})();
Pranav 웃
la source
2

Pas besoin de toutes ces conneries PHP.

Dans Firefox, il vous suffit de cliquer sur l'image ico dans l'URL, de cliquer sur "Plus d'informations", puis de cliquer sur le bouton "Multimédia". Favicon.ico est généralement le premier de la liste et est déjà mis en surbrillance, mais s'il ne l'est pas, faites défiler l'écran vers le bas, puis cliquez sur le bouton "Enregistrer sous".

En passant, depuis Firefox 16, les images ico ne s'affichent plus dans le champ URL, mais le sont dans chaque onglet et peuvent être saisies de la même manière.

Xircal
la source
Cela semble ne plus être vrai. La favicon n'apparaît que sur l'onglet. L'icône de la zone d'URL est un globe terrestre qui fournit uniquement des informations sur la sécurité et les autorisations du site
Chronométrique
1

Essayez ce morceau de PHP qui saisit le favicon et l’enregistre sous un fichier .ico. Vous pourriez probablement l'utiliser pour récupérer presque tous les fichiers. Notez l'utilisation de l'indicateur 'b' pour l'indicateur 'binaire'.

<?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>';
?>
PHP Hacker
la source
1
Cela peut être un travail, mais c'est assez exagéré et ne correspond pas à la demande de l'OP de le télécharger à partir de Windows / Firefox. Si vous utilisez PHP, vous pouvez également rechercher la référence de lien dans le code source.
wag2639
0

copiez simplement l'URL à partir de la barre d'adresse et prenez le site Web, puis cliquez avec le bouton droit de la souris et sélectionnez Afficher la source ou tapez sur la barre d'adresse: source-adresse: adresse du site Web.Si vous souhaitez obtenir l'icône de facebook, entrez simplement, source-vue : http://www.facebook.com et appuyez simplement sur Ctrl et F ensemble et tapez .ico et vous verrez un lien.En ce qu'il y aura un texte avec .ico surligné en vert.Appuyez sur ce lien.Vous verrez Cliquez avec le bouton droit> Enregistrer l'image sous, puis nommez-le et enregistrez-le.

Blestin V Bency
la source
0

Le URL de favicon peut être différent de www.example.com/favicon.ico.

Faites simplement un clic droit sur la page et cliquez sur View Page Source, alors vous pouvez trouver le faviconlien dans la headbalise!

par exemple :

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