Как скачать иконку с сайта

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

Иногда возникает необходимость выводить на своем ресурсе изображения иконок (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 ;
>
?>

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

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

Как скачать SVG иконки с сайта?

Здравствуйте. Уже задавал подобный вопрос. Но со mobile.de этого не получилось, не получилось скачать иконки предложенными способами. На других сайтах работает, но не на этом. Подскажите пожалуйста, как можно скачать иконки с этого сайта, везде искал.
Спасибо.

• Вопрос задан более трёх лет назад
• 11052 просмотра

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

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

Дмитрий Чайников @Dan_Stanly

Не задавайте вопросы на которые не знаете ответов

Внимание на скриншоты:

Вроде все получается:

Правой кнопкой мышки на путь к файлу и «Open in new tab»

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

Нравится 2 1 комментарий

Как добавить иконку на сайт html

Чтобы добавить иконку на сайт HTML, нужно выполнить следующие шаги:

1. Создайте иконку размером 16×16 или 32×32 пикселей. Лучше всего использовать формат PNG или ICO.
2. Назовите файл иконки favicon.ico и сохраните его в корневой папке вашего сайта.
3. Добавьте следующую строку внутри тега вашей HTML страницы:

 rel="icon" href="favicon.ico" type="image/x-icon"> 

Если иконка не имеет формата .ico, а например .png, то нужно указать соответствующие расширение файла.

Сохраните изменения и загрузите вашу HTML страницу на сервер. Обратите внимание, что некоторые браузеры могут не отображать иконку, если она не имеет формата .ico или если ее размеры не соответствуют стандартным размерам. Также рекомендуется проверить, что иконка правильно отображается в разных браузерах и на разных устройствах.

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

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

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

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

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

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

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

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

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

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

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

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

• CSS
• +1 ещё

Не работает анимация градиента в svg в Safari. В чем ошибка в коде?

• 1 подписчик
• 26 февр.
• 86 просмотров