Как вытащить иконку с сайта

Получаем иконки других сайтов

Иногда возникает необходимость выводить на своем ресурсе изображения иконок (favicon) других сайтов. Иконки можно конечно и вручную скопировать и сохранить на своем сайте, но что делать, если Вам нужно получить иконку не одного, а нескольких сотен сайтов. При этом стоит учесть, что у некоторых сайтов иконки со временем могут измениться. Да и хранить все эти иконки на своем сайте нет особого смысла.

Можно конечно подгружать иконки и напрямую с других сайтов по ссылкам наподобие этой: http://usefulscript.ru/favicon.ico

Но как быть в том случае, если в данный момент сайт, с которого подгружается его иконка, временно недоступен или защитил свои изображения от хотлинкинга?

Что такое хотлинкинг и как с ним бороться Вы можете почитать в другой теме нашего сайта — Как защитить свои изображения от хотлинка.

Так вот для того чтобы получить иконку интересующего нас сайта, предлагаем Вам воспользоваться простой функцией на PHP, которая обратится к серверу Google и получит от него иконку необходимого нам сайта.

Таким образом, при каждом обновлении странички PHP функция сама будет обращаться к серверу Google и получать от него актуальную иконку от нужного нам сайта, и Вы не будете зависеть от того работает ли сейчас сайт, иконка которого Вам потребовалась или нет.

Предлагаемый нами PHP код довольно прост и выглядит следующим образом:

echo «. get_favicon ( «usefulscript.ru» ). «>» ;
function get_favicon ( $url ) $url = str_replace ( «http://» , «» , $url );
$url = str_replace ( «https://» , «» , $url );
return «https://www.google.com/s2/favicons?domain green»>. $url ;
>
?>

Для наглядности работы данного скрипта ниже мы получаем иконки некоторых сайтов:

Надеемся, данная хитрость Вам пригодится при использовании ссылок на сторонние ресурсы, т.к. таким образом ссылки станут гораздо ярче и красивее. Подобного рода хитрость будет очень полезна для разного рода каталогов и рейтингов сайтов.

Способы скачивания favicon-а (иконок) с любого сайта и последующая установка на WordPress

Часто приходится сталкиваться с тем, что новичок не может скачать favicon с сайта. Сразу надо оговориться, что мы не призываем к плагиату, просто большинство иконок имеются в свободном доступе и не являются авторской собственностью.

Именно поэтому мы покажем, как можно скачать иконку или favicon с другого сайта.
Для этого переходимо по одному из серверов от Google или Яндекс:
http://www.google.com/s2/favicons?domain=pprservis.ru
http://favicon.yandex.net/favicon/pprservis.ru

В выше указанной ссылке, которую вы должны скопировать в адресную строку, замените мой домен teweb.ru на тот, с которого вы хотите скачать иконку и нажмите Enter. На экране появится искомое изображение, которое можно сохранить при помощи стандартной комбинации клавиш Ctrl+S, если при этомт формат сбивается, то нажав на картинку левой кнопкой мыши и удерживая ее, перетащить в открытую папку или на рабочий стол.

Надеемся, теперь вы знаете, как заполучить понравившийся favicon с чужого сайта.

Обратите внимание, что при использовании сервера от Гугл, иконка не сохраняется с прозрачным фоном, даже если таковой имеется у донора.

Кстати, ПРОЧИТАВ ДАЛЕЕ статью можноо узнать о том, как установить иконку на WordPress.

P.S. Некоторые вебмастера могут возразить, что указанная в данной статье процедура, легко осуществляется при помощи исходного кода. Однако обратите внимание, что речь идет о новичках, поэтому давайте войдем в их положение!

Как установить иконку на WordPress

Если вы создали свой сайт и закончили все работы по редактированию дизайна, тогда пришло время заняться созданием иконки сайта. Это как раз то, что сделает ваш сайт запоминаемым для всех посетителей. Иконка, или иначе favicon, должна отображаться во всех браузерах (кроссбраузерность). Ниже, на рисунке, показаны примеры иконок:

favicon

Другими словами, это просто маленькое изображение. Прежде чем рассмотреть, как установить иконку на сайт wordpress, нужно сначала найти таковую.

Для этого достаточно ввести в поисковике «Скачать бесплатно favicon», и вам предложат большой выбор онлайн сервисов. Есть несколько рекомендаций относительно того, какими параметрами должны обладать иконки для сайта:

Расширение .ico (хотя допустимы форматы .png .gif)
Размер 16х16 (допустимо 24х24, 32х32, 48х48, 64х64, 128х128)

Если придерживаться стандарта, то проблем ни в одном браузере или поисковике не должно возникнуть. Обратите внимание, если вы не нашли подходящего для себя favicon, тогда его можно создать самому. Скачайте любую понравившуюся картинку, и при помощи программы «IcoFX» (в Google полно бесплатных русских версий) создайте приемлемый вариант. Сложностей в программке нет, поэтому разберётесь без проблем.

Теперь же обратимся к непосредственной теме статьи: как установить иконку на сайт wordpress. Существует три варианта решения данной задачи:

Воспользоваться функцией темы (если таковая имеется в шаблоне);
Дописать код в файл «header»;
Установить плагин;

Первый пункт нет смысла разбирать, потому что он, если и существует, то выглядит индивидуально. Одно следует помнить: если в настройках темы (не путайте с настройками панели управления) вы увидите надпись «Прописать путь к иконке/логотипу» или что-то подобное, значит шаблон имеет данную функцию. Загрузив иконку в корень сайта wordpress, просто укажите полный путь к нему. Получится приблизительно так: http://ваш-сайт.ру/favicon.ico

Теперь рассмотрим второй и наилучший вариант того, как установить иконку на сайт wordpress. Подразумевается, что «favicon» уже загружен в корень сайта. Заходим в редактор файлов:

Справа, в списке файлов, находим «header.php» и кликаем по нему. Находим тег и после него прописываем две строчки кода:

Сразу добавлю полезную инфо. В сети существуют различные вариации данного кода. Вышеуказанный пример полностью соответствует официальному требованию Яндекса, поэтому его подлинность и работоспособность не должны вызывать сомнений.

Третий способ установки иконки на wordpress, является самым простым, но при этом он потребляет ресурс сервера. Поэтому, ради такой незначительной вещи, которую можно сделать двумя предыдущими методами, установка дополнительных элементов не рекомендуется. Тем не менее, бывают случаи, когда иначе не обойтись: все делаешь правильно, а icon не отображается. Итак, скачиваем плагин «All in one Favicon» и устанавливаем. В настройках выбираем строку с тем форматом, который соответствует нашей иконке, и прописываем там полный путь:

Почему не отображается иконка сайта?

Вы сделали все по инструкции, а желаемого результата нет? Попробуйте несколько элементарных действий:

Очистите в браузере КЕШ, и перезапустите его;

Проверьте правильность указанного к favicon пути. Для этого просто введите его в адресную строку браузера и нажмите «Enter». Если на страничке отобразится ваша маленькая картинка, значит адрес указан правильно.

Если же у вас возникли трудности или проблемы wordpress – пишите в комментариях, попробуем решить вопрос совместными усилиями! Всем удачи и продвижения в поисковиках!

Как вытащить с сайта иконку .svg которая сделана через иконочный шрифт?

Мне на одном сайте понравилась иконка,хочу вставить её в свою верстку, но она вставлена на сайт через иконочный шрифт. Возможно ли её от туда вытащить,скачать,хотя бы код самой иконки посмотреть?

Вопрос задан более двух лет назад
721 просмотр

Комментировать

Решения вопроса 1

не знаю, возможно есть более простой путь — я делал таким образом:
1. Скачиваем весь шрифт, если он оказывался не в svg формате, а как правило это так, то на он-лайн сервис конвертируем шрифт в svg — пример сервиса.
2. Идем на icomoon.io — там в правом верхнем углу жмем IcoMoon App
3. Теперь в левом верхнем углу — import Icons или в правом по бургеру — Import to Set — и выбираем сконвертируемый шрифт в svg формате.
4. В верхней меню плашке выбираем инструмент карандаш (edit) и на нужную иконку — в окне редактирования видим кнопку Download SVG.

Ответ написан более двух лет назад

Комментировать

Нравится 3 Комментировать

Ответы на вопрос 0

Ваш ответ на вопрос

Войдите, чтобы написать ответ

css

CSS
+1 ещё

Возможно ли сделать текст в SVG масштабируемый в зависимости от заданного размера?

1 подписчик
вчера
24 просмотра

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

Часто приходится сталкиваться с тем, что новичок не может скачать favicon с сайта. Сразу надо оговориться, что мы не призываем к плагиату, просто большинство иконок имеются в свободном доступе и не являются авторской собственностью.

Именно поэтому мы покажем, как можно скачать иконку или favicon с другого сайта.

Для этого переходимо по одному из серверов от Google или Яндекс: