118

При просмотре веб-сайта значок "значок" отображается на вкладке или рядом с URL-адресом (или рядом с закладкой).

Если я хочу эту графику, есть ли способ загрузить ее прямо с сайта? Я бы предпочел скачать его прямо из Интернета, но если ничего не поможет, я выкопаю его из того места, где он хранится на моем компьютере (Windows 7, Firefox 3.6.6).

11 ответов11

153

Studiohack имеет "тщательный" подход, но вот короткий взлом:

  1. Введите имя домена как https://superuser.com/(должно заканчиваться на '/')
  2. Добавить favicon.ico до конца
  3. Нажмите ввод (это должно быть в URL: https://superuser.com/favicon.ico)
  4. Щелкните правой кнопкой мыши по изображению и нажмите "сохранить изображение как"
45

Читая 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"> 
28

Вы не можете всегда добавлять /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-адрес, и сохраните страницу.

24

Вы можете сделать это с помощью конвертера Google S2.

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

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

11

Ни один из предыдущих ответов не работал для меня, так как сайт, с которого мне требовался значок, был внутренним сайтом, не раскрывал его в источнике и не позволял добавлять /favicon.ico, поэтому я выкопал немного больше.

Chrome может надежно использовать значок, используя это решение:

  1. Посетите сайт, для которого вы хотите иконку
  2. Добавьте 'chrome://favicon/' перед URL сайта.
  3. Щелкните правой кнопкой мыши на изображении
  4. Сохранить изображение как...
5

В Firefox 3: щелкните значок, появится всплывающее окно, и вы можете нажать "дополнительная информация" ... в появившемся окне перейдите на вкладку "Медиа". Выделите нужный элемент мультимедиа (он показывает предварительный просмотр в большом пустом месте внизу окна), затем нажмите "Сохранить как". Дайте ему имя, выберите место, и все готово! :)

На некоторых сайтах не может быть значков в списке, но некоторые будут ... попадать или не попадать ... попробуйте это на Super User ...У SU есть значок в списке ...

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

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

URL-адрес значка может отличаться от www.example.com/favicon.ico .

Просто щелкните правой кнопкой мыши на странице и нажмите View Page Source то вы можете найти ссылку favicon в head метке!

например:

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

просто скопируйте URL-адрес из адресной строки, возьмите веб-сайт, щелкните правой кнопкой мыши и выберите источник просмотра или в адресной строке введите:view-source: адрес веб-сайта.Если вы хотите получить значок Facebook, просто введите view-source: http://www.facebook.com и просто нажмите Ctrl и F вместе и введите .ico, и вы увидите ссылку.В этом будет текст с .ico, выделенным зеленым цветом.Нажмите на эту ссылку.Вы увидите значок.Щелкните правой кнопкой мыши> Сохранить изображение как, затем введите имя и сохраните его.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .