2010-06-29 02:16:45 +0000 2010-06-29 02:16:45 +0000
126
126

Comment télécharger le favicon d'un site web ?

Lorsque vous naviguez sur un site web, l'icône “favicon” apparaît dans l'onglet ou à côté de l'URL (ou à côté du signet).

Si je veux ce graphique, y a-t-il un moyen de le télécharger directement depuis le site ? Je préférerais le télécharger directement depuis le web, mais si tout le reste échoue, je l'extrairai de l'endroit où il est stocké sur mon ordinateur (Windows 7, Firefox 3.6.6).

Réponses (11)

164
164
164
2010-06-29 02:34:44 +0000

Studiohack a l'approche “approfondie” mais voici un petit hack :

  1. Entrez le nom de domaine comme https://superuser.com/(doit se terminer par ‘/’)
  2. Ajoutez favicon.ico à la fin
  3. Appuyez sur la touche Entrée (elle doit se trouver dans l'URL : https://superuser.com/favicon.ico)
  4. Faites un clic droit sur l'image et cliquez sur “enregistrer l'image sous”.
48
48
48
2010-06-29 02:50:58 +0000

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

Le format suivant est compatible avec tous les 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, le format suivant est également acceptable :

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

Ce qui suit montre le format de balises de lien pris en charge, à 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">

Ainsi, la pratique courante consiste à placer un fichier appelé “favicon.ico” à la racine du dossier, mais pour en être sûr, il faut consulter le code source du fichier servi et voir si et ce qui y est défini.

par exemple, pour http://superuser.com il s'agit de

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico">
29
29
29
2013-01-31 05:02:27 +0000

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

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

  1. Allez sur le site cible.
  2. Voir la page source (clic droit sur la page et clic sur “View Page source”) - en utilisant firefox, peut être légèrement différent dans d'autres navigateurs.
  3. Rechercher (Ctrl+F) “l'icône de raccourci”
  4. Vous devriez voir quelque chose comme ceci :

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

26
26
26
2014-11-24 07:12:03 +0000

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/

14
14
14
2015-10-02 17:12:24 +0000

Aucune des réponses précédentes n'a fonctionné pour moi car le site dont j'avais besoin de l'icône était un site interne, ne l'exposait pas dans la source, et ne permettait pas d'ajouter /favicon.ico ; j'ai donc creusé un peu plus.

Chrome peut tirer le favicon de manière fiable en utilisant cette solution :

  1. Visitez le site où vous voulez le favicon pour
  2. Ajoutez “chrome://favicon/” avant l'url du site.
  3. exemple : chrome://favicon https://google.com
  4. Cliquez avec le bouton droit de la souris sur l'image
  5. Enregistrer l'image sous…
5
5
5
2012-12-11 12:06:19 +0000

Si vous avez activé JavaScript, 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');
    }
})();

Alternativement, utilisez le code ci-dessous comme 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")})();
5
5
5
2010-06-29 02:19:19 +0000

Dans Firefox 3 : cliquez sur le favicon, une fenêtre popup apparaît, et vous pouvez cliquer sur “more information”…dans la fenêtre qui s'ouvre, allez à l'onglet “Media”. Mettez en évidence l'élément média spécifique que vous souhaitez (il affiche un aperçu dans le grand espace blanc en bas de la fenêtre), puis cliquez sur “Enregistrer sous”. Donnez-lui un nom, choisissez un emplacement, et c'est terminé ! Certains sites n'ont pas de favicon, mais d'autres en ont une… Essayez-le sur Super User… SU a une favicon…

2
2
2
2012-12-11 08:38:27 +0000

Pas besoin de toutes ces conneries en PHP.

Tout ce que vous devez faire dans Firefox est de cliquer sur l'image ico dans l'URL, de cliquer sur “Plus d'informations”, puis de cliquer sur le bouton “Média”. Favicon.ico est généralement le premier de la liste et déjà mis en évidence, mais s'il ne l'est pas, faites défiler la liste vers le bas et cliquez ensuite sur le bouton “Enregistrer sous”.

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

1
1
1
2011-12-13 14:49:05 +0000

Essayez ce morceau de PHP qui saisit la favicon et l'enregistre dans un fichier .ico. Vous pourriez probablement l'utiliser pour saisir presque n'importe quel fichier. Notez l'utilisation du ‘b’ pour le drapeau ‘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>';
?>
0
0
0
2017-01-18 08:30:02 +0000

L'url favicon peut être différente de www.example.com/favicon.ico.

Il suffit de faire un clic droit sur la page et de cliquer sur View Page Source, puis vous pouvez trouver le lien favicon dans le tag head !

par exemple :

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
0
0
0
2014-12-11 10:42:11 +0000

Si vous voulez obtenir l'icône de facebook, tapez simplement, view-source http://www.facebook.com et appuyez sur Ctrl et F ensemble et tapez .ico et vous verrez un lien, dans lequel il y aura un texte avec .ico mis en évidence avec une couleur verte.