Отображение favicon других сайтов

Favicon — это иконка сайта, которая отображается в адресной строке браузера во время нахождения на сайте, в закладках, в выдаче яндекса и в других местах. Чтобы у сайта отображалась иконка favicon достаточно разместить файл 16×16 px в корне сайта с названием и расширением favicon.ico, он отобразится если не указан другой фавикон в коде сайта.

Иногда нужно вывести иконки favicon другого сайта, или целого списка сайтов. Это может понадобиться в каталоге, чтобы описание сайта визуально выглядело красивее, в списке друзей сайта, в качестве кнопок для добавления в сервисы социальных закладок и т.д. Можно скопировать иконки нужных сайтов, но это требует времени, если ссылки часто меняются или они выводятся автоматически, то этот способ не подходит. Я нашел отличное решение в одном из шаблонов wordpress, с помощью него можно в автоматическом режиме получить иконку любого сайта с помощью Google.

Вот код вставки favicon этого блога:

<img src="http://www.google.com/s2/favicons?domain_url=http://ihakimov.ru/" border="0">

Ссылку рядом можно добавить, например, таким способом:

<a href="http://ihakimov.ru"><img src="http://www.google.com/s2/favicons?domain_url=http://ihakimov.ru/" border="0"> Ильдар Хакимов</a>

Выглядеть это будет так:

Ильдар Хакимов

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

Вот пример друзей сайта в боковом меню сайта с выводом иконок с помощью Google:

Loading

Отображение favicon других сайтов: 4 комментария

  1. orange

    Спасибочки Вам. Интересная статейка. Уже придумал как использовать. При обмене ссылок бац и поставил иконку. И уже привычно по иконке смотреть будет.

  2. Мася

    Можно использовать картинки не только формата ico, но и png. В картинках формата png, фон можно делать прозрачным, так получается более стильно. При этом надо изменить запись в шаблоне, изменив расширение файла картинки ico на png

  3. Severus

    Ну и зачем эта информация, вручную не лень ссылки изменять так?лучше бы скрипт был, который все ссылки преобразует в такой формат, у меня кстати был такой где то, на досуге напишу xD

  4. Ильдар Хакимов Автор записи

    Severus, если в каталоге сайтов использовать можно все автоматом сделать.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *