Как скачать favicon с сайта?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если у вас включен 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")})();

Нет необходимости во всем этом дерьме PHP.

Все, что вам нужно сделать в Firefox, это щелкнуть изображение ico в URL, нажать «Дополнительная информация», затем нажать кнопку «Медиа». Favicon.ico обычно является первым в списке и уже выделен, но если это не так, прокрутите вниз и нажмите кнопку «Сохранить как».

Кстати, начиная с Firefox 16, изображения ico больше не отображаются в поле URL, но отображаются на каждой вкладке и могут быть получены таким же образом.

Попробуйте этот кусочек 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>';
?>

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

URL фавикон может отличаться от www.example.com/favicon.ico.

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

например:

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