Как скачать 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
Ну, кроме таких сайтов, как Викия.
Hello71

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, это может быть выведено ..
Джефф Этвуд

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
Luca Steeb

Это единственный способ, сработавший для меня.
Anixx

ЭТО действительно должно быть ответом! Поскольку принятый ответ выше предполагает, что файл favicon всегда находится в корневом каталоге, всегда называется «favicon» и всегда в формате .ico , что не всегда так! , Кто-то где-то упомянул, что запрос в размещенной ссылке @vamshi заставляет библиотеку Google S2 фактически извлечь значок сайта с целевого сайта вместо отображения кэшированного. Но я бы проверил это, чтобы быть уверенным.
светонепроницаемая

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
Это может быть работой, но это довольно излишне и не соответствует запросу OP на загрузку его из 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.