Як завантажити favicon з веб-сайту?


121

Під час перегляду веб-сайту на вкладці або поруч із URL-адресою (або поруч із закладкою) відображається значок "фавікон".

Якщо я хочу цю графіку, чи є спосіб завантажити її безпосередньо з сайту? Я вважаю за краще завантажити його безпосередньо з Інтернету, але якщо все інше не вдасться, я викопаю його з того місця, де він зберігається на моєму комп’ютері (Windows 7, Firefox 3.6.6).

Відповіді:


158

Studiohack має "ретельний" підхід, але ось короткий злом:

  1. Введіть ім’я домену типу https://superuser.com/(має закінчуватися символом "/")
  2. Додати favicon.icoдо кінця
  3. Натисніть Enter (це повинно бути в URL: https://superuser.com/favicon.ico)
  4. Клацніть правою кнопкою миші на зображення та натисніть "зберегти зображення як"

Інші відповіді - приголомшливі. Я багато чого навчився, дякую. Але, для моїх конкретних цілей, це те, що я шукав. Прийнято.
Роберт Картенто

2
Ну, за винятком таких сайтів, як Wikia.
Привіт71

10
Так просто, але геніально.
Раффі Хатчадуріан

48

прочитавши http://en.wikipedia.org/wiki/Favicon ви також можете виявити, що:

Наступний формат сумісний з веб-переглядачами і підтримується Internet Explorer, Firefox, Chrome і Opera. [3]

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

Додатково також є прийнятним:

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

Далі показано підтримуваний формат тегів посилань, використовуючи приклади, для HTML та 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">

Отже, звичайна практика - це розміщувати файл під назвою 'favicon.ico' у кореневій папці, але щоб бути впевненим, вам потрібно знайти вихідний код поданого файлу та побачити, чи є і що там визначено.

наприклад, для http://superuser.com це

<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico"> 

1
Я знайшов сайти, які не зберігають favicon.ico в кореневій папці, особливо у Wikia. Але вищезгадане спрацювало.
D Coetzee

відкриваючи оглядаючий елемент на сторінці та шукаючи його icoслід знайти.
Qwertie

Це працювало і для мене, коли шукали піктограму клієнта на їх загальнодоступному сайті, щоб додати до HTTPS-інтерфейсу свого сервера SFTP.
Дацид Салін

29

Ви не завжди можете додати /favicon.ico (наприклад, https://superuser.com/favicon.ico )
Усі відповіді складніші, ніж потрібно.

Все, що ви робите, - це те, що написано тут: http://www.itechcolumn.com/4-way-download-favicon-website/

  1. Перейдіть на цільовий сайт.
  2. Перегляд джерела сторінки (Клацніть правою кнопкою миші на сторінці та натисніть «Переглянути джерело сторінки») - використовуючи Firefox, може бути дещо іншим у інших браузерах.
  3. Пошук (Ctrl + F) за "ярликом ярлика"
  4. Ви повинні побачити щось подібне:

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

  5. Клацніть правою кнопкою миші на посилання http://www.sitename.com/images/favicon.ico та збережіть піктограму. Або відкрийте сторінку за допомогою URL-адреси та збережіть її.


4
хороша порада! Але не всі сайти вказують його безпосередньо в HTML, про нього можна зробити висновок ..
Jeff Atwood

1
це спрацювало, коли /favicon.ico цього не зробив. Дякую.
Танець Джошуа

26

Це можна зробити за допомогою конвертера Google S2.

Ось синтаксис: http://www.google.com/s2/favicons?domain=DomainName

напр .: http://www.google.com/s2/favicons?domain=https://superuser.com/


чудовий інструмент і швидше, ніж навігація до конкретної URL-адреси
favico

Це єдиний спосіб, який працював для мене.
Анікс

ЦЕ насправді має бути відповіддю! Тому що прийнята відповідь вище передбачає, що файл favicon завжди знаходиться в кореневій директорії, завжди називається "favicon" і завжди знаходиться у форматі .ico , що це не завжди так! . Хтось десь згадував, що запит у опублікованому посиланні @vamshi змушує бібліотеку S2 Google фактично витягнути фавікон з цільового веб-сайту, а не відображати кешований. Але я би перевірив це, щоб бути впевненим.
світлонепроникний

1
Ні, це не працює, якщо ім'я домену не є доступним для google, що може бути правдою в приватних мережах.
Андрій Савіних

13

Жодна з попередніх відповідей не працювала для мене, оскільки веб-сайт, від якого я потребував ікони, був внутрішнім сайтом, не виставляв її у джерелі та не дозволяв додавати /favicon.ico, тому я викопав трохи більше.

Chrome може надійно витягнути фавікон за допомогою цього рішення:

  1. Завітайте на сайт, на який хочете фавікон
  2. Додайте "chrome: // favicon /" перед URL-адресою сайтів.
  3. Клацніть правою кнопкою миші на зображенні
  4. Зберегти зображення як...

5

У Firefox 3: клацніть фавікон, з'являється спливаюче вікно, і ви можете натиснути "більше інформації" ... у вікні, що спливе, перейдіть на вкладку "Медіа" Виділіть потрібний медіа-елемент, який ви хочете (він показує попередній перегляд у великому, білому просторі в нижній частині вікна), а потім натисніть "Зберегти як". Дайте ім’я, оберіть місцеположення, і все закінчено! :)

На деяких сайтах може бути не вказано фавікон, але деякі будуть ... потрапляти чи пропускати ... спробуйте це на Super User ... SU має перелік фавікон ...


1
Це працює так само в останньому Firefox (вер. 21), однак, якщо фавікон знаходиться в корені сайту, за замовчуванням IE, він не відображатиметься як медіа! Оскільки він не вказаний безпосередньо в HTML, це мається на увазі.
Джефф Етвуд

4

Якщо у вас включений JavaScript, ви можете запустити це в консолі:

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

Як варіант, використовуйте наведений нижче код як закладку / вставку в 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")})();

2

Немає потреби у всіх цих PHP лайно.

Все, що вам потрібно зробити у Firefox, це натиснути на зображення ico в URL-адресі, натиснути «Більше інформації», а потім натиснути кнопку «Медіа». Favicon.ico зазвичай є першим у списку та вже виділений, але якщо його немає, прокрутіть униз і натисніть кнопку "Зберегти як".

До речі, оскільки Firefox 16, зображення ico більше не відображаються у полі URL-адреси, а є у кожній вкладці і можуть бути схоплені однаково.


Здається, це вже не відповідає дійсності. Фавікон відображається лише на вкладці. Піктограма поля URL - це земна куля, яка дає лише інформацію про безпеку та дозволи на сайті
хронометричний

1

Спробуйте цей фрагмент PHP, який захоплює фавікон і зберігає його як файл .ico. Ви могли б скористатися цим, щоб схопити майже будь-який файл. Зверніть увагу на використання прапора "b" для "бінарного" прапора.

<?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
Це може бути справою, але її надмірна кількість не відповідає вимогам ОП щодо завантаження з Windows / Firefox. Якщо ви збираєтеся використовувати PHP, ви можете також шукати посилання на посилання у вихідному коді.
wag2639

0

просто скопіюйте URL-адресу з адресного рядка та перейдіть на веб-сайт і клацніть правою кнопкою миші та виберіть джерело перегляду або на тип адресного рядка: view-source: адреса веб-сайту. Якщо ви хочете отримати піктограму facebook, просто введіть, view-source : http://www.facebook.com і просто натисніть Ctrl і F разом і введіть .ico, і ви побачите посилання. У цьому тексті буде текст з .ico, виділений зеленим кольором. Натисніть це посилання. Ви побачите Клацніть правою кнопкою миші> Зберегти зображення як, а потім дайте ім’я та збережіть його.


0

URL-адреса фавікону може відрізнятися від www.example.com/favicon.ico.

Просто клацніть правою кнопкою миші на сторінці та натисніть на View Page Source, тоді ви можете знайти faviconпосилання в headтегу!

наприклад:

<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.