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

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

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"

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

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.

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/

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.
   • exemple: chrome: // favicon / https://google.com
3. Clic droit sur l'image
4. Enregistrer l'image sous...

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

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

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.

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

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.

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