Как скачать favicon с сайта
Часто приходится сталкиваться с тем, что новичок не может скачать favicon с сайта. Сразу надо оговориться, что мы не призываем к плагиату, просто большинство иконок имеются в свободном доступе и не являются авторской собственностью.
Именно поэтому мы покажем, как можно скачать иконку или favicon с другого сайта.
Для этого переходимо по одному из серверов от Google или Яндекс:
В выше указанной ссылке, которую вы должны скопировать в адресную строку, замените мой домен teweb.ru на тот, с которого вы хотите скачать иконку и нажмите Enter. На экране появится искомое изображение, которое можно сохранить при помощи стандартной комбинации клавиш Ctrl+S.
Надеемся, теперь вы знаете, как заполучить понравившийся favicon с чужого сайта.
Обратите внимание, что при использовании сервера от Гугл, иконка не сохраняется с прозрачным фоном, даже если таковой имеется у донора.
Кстати, недавно я опубликовал статью о том, как установить иконку на WordPress. Если это вам необходимо – переходите по ссылке, так как там дана детальная инструкция!
В конце остается добавить, что если вам нужна печатная реклама — рекомендуем обратиться к специалистам на komfort49.info.
Получаем иконки других сайтов
Иногда возникает необходимость получить на своем сайте изображение иконки (favicon) другого сайта. Иконку можно конечно и вручную скопировать и сохранить на своем сайте, но что делать, если Вам нужно получить иконку не одного, а нескольких сотен сайтов. При этом стоит учесть, что у некоторых сайтов иконки со временем могут измениться. Да и хранить все эти иконки на своем сайте нет особого смысла.
Можно конечно подгружать иконки и напрямую с других сайтов по ссылкам наподобие этой: http://usefulscript.ru/favicon.ico
Но как быть в том случае, если в данный момент сайт, с которого подгружается его иконка, временно недоступен или защитил свои изображения от хотлинкинга?
Что такое хотлинкинг и как с ним бороться Вы можете почитать в другой теме нашего сайта — Как защитить свои изображения от хотлинка.
Так вот для того чтобы получить иконку интересующего нас сайта, предлагаем Вам воспользоваться простой функцией на PHP, которая обратится к серверу Google и получит от него иконку необходимого нам сайта.
Таким образом, при каждом обновлении странички PHP функция сама будет обращаться к серверу Google и получать от него актуальную иконку от нужного нам сайта и Вы не будете зависеть от того работает ли сейчас сайт иконка которого Вам потребовалась или нет.
Предлагаемый нами PHP код довольно прост и выглядит следующим образом:
Для наглядности работы данного скрипта ниже мы получаем иконки некоторых сайтов:
Надеемся, данная хитрость Вам пригодится при использовании ссылок на сторонние ресурсы, т.к. таким образом ссылки станут гораздо ярче и красивее. Подобного рода хитрость будет очень полезна для разного рода каталогов и рейтингов сайтов.
Шпаргалка по фавикону
— (с англ.) любимая иконка, значок для избранного.
— это иконка сайта, которая отображается на вкладке браузера вместе с названием страницы, а также в результатах поиска Яндекс, в Google — нет:
Область использования фавикона не ограничивается браузерами и поисковыми системами (не только Яндекс). В общем смысле он играет роль графического идентификатора проекта / ресурса.
Характеристики фавикона
«традиционно» — не значит обязательно (см. ниже); но по традиции, в большинстве случаев, делается именно так.
Создание, поиск и конвертация фавиконов
Программы, работающие с форматом ico : GIMP .
Онлайн сервисы: XIconEditor.Com (создание и конвертация), FindIcons.Com (поиск и конвертация).
Установка фавикона на сайт
Для установки готового (имеющего соответствующие имя и формат) фавикона на сайт, нужно просто загрузить его в корень проекта, а затем несколько раз обновить страницу в браузере.
Общий адрес фавиконов большинства ресурсов выглядит так: протокол :// домен / favicon.ico (http://w3.org/favicon.ico)
Фавикон не отображается / обновляется
- Если после установки фавикона на сайт он не появился / обновился, значит нужно очистить кэш текущей страницы. Это делается с помощью комбинации клавиш Ctrl+F5 . Данная комбинация обновляет страницу вместе с кэшированными данными. Работает она во всех популярных браузерах.
- Если очистка кэша не помогла, значит нужно убедиться в правильности расположения фавикона, открыв его через адресную строку браузера: протокол :// домен /favicon.ico Если фавикон открылся, но предыдущий, значит нужно обновить само изображение, открытое в обозревателе, с помощью всё той же комбинации клавиш Ctrl+F5 . Если же фавикон не открылся или обновление изображения не помогло, значит иконка находится не в корне проекта, а где-то в другом месте; поэтому её нужно переместить или закачать заново куда следует.
- Если выполнение описанных выше действий не привело к ожидаемым результатам, то остаётся только очистить кэш браузера «вручную» и фавикон точно должен появиться / обновиться, так как иначе что-то сделано не так, как указано выше.
Другое место расположения фавикона
Фавикон может располагаться не только в корне сайта, но и в любой другой папке, и даже на другом ресурсе. В этом случае в HTML-код страницы, между <head> и </head> , нужно добавить следующую строку:
rel=»icon» атрибут, который определяет отношения между текущим документом и файлом, на который делается ссылка (это нужно для того, чтобы браузер и поисковый робот правильно использовали последний); в данном случае его значение означает, что ссылка указывает на иконку сайта. type=»image/x-icon» — изображение в формате ico . href абсолютная или относительная ссылка на файл с фавиконом.
Другой формат фавикона
Вместо формата ico можно использовать фавикон формата gif или png . В этом случае, в коде выше, нужно изменить значение атрибута type (MIME -тип) на image/gif или image/png соответственно:
Использовать в качестве фавикона можно любые форматы изображений, поддерживаемые браузерами.
Для фавикона с именем favicon в формате ico , который находится в корне сайта, указывать его местоположение и его тип необязательно — элемент <link> , в этом случае, вовсе не нужен.
Где скачать favicons? Сервисы с архивами фавикон
Продолжаем тематику иконок для ваших сайтов и блогов. В прошлой статье я рассказывал как можно сделать favicon с помощью специальных сервисов или графических редакторов. Там же было упомянуто 2 варианта получения таких иконок — либо самостоятельно создание, либо нахождение материалов из всемирной паутины. Ведь не всегда и не везде требуется что-то уникальное. Вполне можно представить себе ситуацию, когда можно не мудрить, а взять где-нибудь уже готовую иконку. Все что в этом случае нужно знать — где же можно скачать favicons?
Iconj
Одна из наиболее симпатичных мне «библиотек» бесплатных фавиконов называется iconj:
На этом замечательном сайте собрана отличная коллекция. Удобно так же что вы может как скачать фавикон, а так же сразу получить код (если вам не хочется размещать картинку у себя на сервере), который можно ставить к себе на сайт и готово. Кстати, это особенность может очень пригодится тем у кого сайт или блог располагается на одном из бесплатных сервисов, где нет доступа по ftp, но есть возможность редактировать HTML-код. В противном случае, если у вас полноценный хостинг, лучше скачать фавикон и разместить на своем хостинге.
Кроме коллекции где можно скачать favicon, сайт обладает набором инструментов для их генерации, конвертации и т.п. Вообще очень полезный и хороший проект создали разработчики.
Favicon.cc
Не менее внушительная коллекция (на данный момент более 50000 фавиконов), представлена на известном сервисе Favicon.cc, который в первую очередь является отличным инструментом для создания собственных иконок, но, как оказалось, и хорошим местом для поиска готовых решений, где можно скачать favicon для своего сайта или блога:
Так же как и на iconj, на favicon.cc можно как скачать фавикон на компьютер, так и получить готовый код. Да-а, наверное, раз пятый рассказываю о favicon.cc — то в этом блоге, то в Вебдванольных заметках, еще где-то, создатели, видимо, очень старались, когда создавали его:)
Favicon.co.uk
Если вы все таки не нашли среди всего этого многообразия вариантов свой (в что вериться с трудом), могу напоследок предложить вашему вниманию сайт Favicon.co.uk, где галерея так же имеет место быть, хотя и не такая представительная, удобная и функциональная как на favicon.cc или iconj:
В принципе, найти и скачать favicon в интернете достаточно просто — архивов и специальных сайтов должно быть не мало. Хотя, лучше всего позаботиться о том чтобы ваш фавикон был единственным и неповторимым, создав его собственноручно. Это совсем не сложно, помешать в создании иконки может только лень.