web-dev-qa-db-fra.com

Comment télécharger favicon depuis 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, 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 déterrerai là où il est stocké sur mon ordinateur (Windows 7, Firefox 3.6.6).

windows-7firefoxiconsgraphicsfavicon
119
Robert Cartaino

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

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

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, la situation peut être légèrement différente dans d'autres navigateurs.
  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.

29
nittyjee

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/

25
Vamshi Kurra

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...
12
J.D.

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

5
studiohack

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

Pas besoin de tout ça PHP merde.

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 récupérées de la même manière.

2
Xircal

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>';
?>
1
PHP Hacker

L'URL de la favicon est peut-être différente de www.example.com/favicon.ico.

Il suffit de cliquer avec le bouton droit sur la page et de cliquer sur View Page Source pour retrouver le lien favicon dans la balise head!

par exemple. :

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

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: vue-source: adresse du site Web. : 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 l’icône. Faites un clic droit> Enregistrer l'image sous, puis nommez-le et enregistrez-le.

0
Blestin V Bency