Как мне поставить свою иконку?

@Shois · Регистрация: 13.05.2012

Author24 — интернет-сервис помощи студентам

Как мне поставить свою иконку ?

@Sergio Aguero · 25.06.2012, 18:38

вот сервис создания фавикона

удаляешь старый фавикон, кидаешь новый в корень сайта и подключаешь его в шапке сайта

HTML5

<head>
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> 
 
<head/>

Добавлено через 3 минуты
Кстати слышал историю про фавикон в формате png, товарищи программисты - что скажете о таком фавиконе - он и вправду лучше ориентирован на современные браузеры, нежели *.ico???

@Jallik Lich · 25.06.2012, 18:40

Создать FavIcon можно либо выше предложенным сервисом, либо какой-то программой (GIMP, PhotoShop + plugin)... Размер ее 32x32...
Далее есть два способа добавить ее на сайт... Либо дать имя файлу favicon.ico и положить его в корень сайта... Этот способ мне не очень нравится, так как он не очень гибкий...
Лучше добавить иконку в head сайта...

HTML5

<head>
...
<link rel="shortcut icon" href="/images/faviconnew.ico" /> <!-- Спёр с vk.com -->
...
</head>

P. S. Можно использовать анимированные иконки gif.. но подключить их нужно только вторым способом.

@Shois · 26.06.2012, 06:27 **[ТС]**

Сообщение от Sergio Aguero

вот сервис создания фавикона

я не знающий начинающий программист, но я попробывал поставить иконку формата png и вроде все нормально работает)))

@jumper423 · 19.12.2014, 15:53

Пример анимированных иконок c событиями наведения и нажатия на css

http://infoblog1.ru/blog/web/css/navicon-menyu

@an_za · 20.12.2014, 00:13

Добавьте в<head>...</head>

HTML5

1 2	<link href="/favicon.ico" rel="icon" type="image/x-icon" /> <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />

@Dimento · 20.12.2014, 00:35

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

@an_za · 20.12.2014, 00:44

Вам нужно указать путь к иконке. Я указал для примера.
Если иконка размещена напрю в папке images тогда:

HTML5

1 2	<link href="/images/favicon.ico" rel="icon" type="image/x-icon" /> <link href="/images/favicon.ico" rel="shortcut icon" type="image/x-icon" />

@Dimento · 20.12.2014, 01:01

an_za, сам слеш перед путём к иконке может вызвать проблемы
т.е лучше вот так

HTML5

1	<link href="https://www.cyberforum.ru/images/favicon.ico" rel="icon" type="image/x-icon" />

форум блокирует прямые ссылки. т.е вот это часть кода https://www.cyberforum.ru/ (вместе со слешем) не нужна

@Shois 4 / 4 / 0 Регистрация: 13.05.2012 Сообщений: 109
		1
	Как мне поставить свою иконку? 25.06.2012, 18:31. Показов 9453. Ответов 8 Метки нет (Все метки) Как мне поставить свою иконку ? Миниатюры 0

@Shois 4 / 4 / 0 Регистрация: 13.05.2012 Сообщений: 109
	26.06.2012, 06:27 [ТС]	4
	Сообщение от Sergio Aguero вот сервис создания фавикона я не знающий начинающий программист, но я попробывал поставить иконку формата png и вроде все нормально работает))) 0

@jumper423 3 / 3 / 1 Регистрация: 01.03.2011 Сообщений: 87
	19.12.2014, 15:53	5
	Пример анимированных иконок c событиями наведения и нажатия на css http://infoblog1.ru/blog/web/css/navicon-menyu 0

@Dimento 12 / 12 / 6 Регистрация: 15.10.2014 Сообщений: 64
	20.12.2014, 00:35	7
	favicon может не работать, если ставить перед ним слеш, как некоторые тут отписались 0

	20.12.2014, 01:01

Опции темы