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).
Studiohack a l'approche “approfondie” mais voici un petit hack :
https://superuser.com/(doit se terminer par ‘/’) favicon.ico à la fin https://superuser.com/favicon.ico) 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">
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/
Vous devriez voir quelque chose comme ceci :
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.
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 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 :
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")})();
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…
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.
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>';
?>
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"/>
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.