2016-01-29 3 views
1

Я хочу добавить фавиконки на мой сайт ASP как этотКак добавить иконку на свой сайт?

enter image description here

По этим темам: Image icon beside the site URL How to put an image on the tab bar next to the title of the page on the browser? Я добавил свой собственный link вроде этого:

<head> 
     <link rel="icon" href="/favicon-32x32.png"/> 
</head> 

Но не показывая что-нибудь? Что случилось?

Я только что пробовал свой код снова в блокноте ++, и он отлично работает, почему тогда он не работает на моем веб-сайте ASP.NET ?!

+4

Вы видели этот пост http://stackoverflow.com/questions/10665893/how-to-add-image-with-title- of-an-html-page/10666010 # 10666010 – Rahul

+0

Вы должны, вероятно, провести некоторое исследование, прежде чем задавать такой вопрос ... – IE5Master

ответ

1

Единственное, что я мог придумать, это попытаться добавить элемент type="image/png" в элемент ссылки. Убедитесь, что изображение находится в том же каталоге, что и файл, на который вы ссылаетесь.

<link rel="icon" type="image/png" href="/favicon-32x32.png"/> 
1

Создайте свой собственный 16х16 Favicon

<link rel="shortcut icon" type="image/png" href="/favicon.png"/> 
<link rel="shortcut icon" type="image/png" href="http://eg.com/favicon.png"/> 
3

В некоторых старых браузерах (например, Internet Explorer 5), что все, что нужно. Однако для последних версий Firefox, Internet Explorer и Chrome вам нужно добавить две ссылки на ваш значок в голову в вашем HTML. Если вы используете главную страницу, одни и те же две ссылок будут идти в голове на главной странице .:

<head runat="server"> 
       <title>My Website</title> 
       <link runat="server" rel="shortcut icon" href="favicon.ico" type="image/x-icon"/> 
       <link runat="server" rel="icon" href="favicon.ico" type="image/ico"/> 
</head> 

Причина у вас есть две ссылок на те же фавиконка должны убедиться, что ваш Favicon работает с большинством браузеров , Некоторые, например Firefox, будут работать с любой ссылкой. Internet Explorer версии 6 и 7 особенно придирчивы. Однако, если вы используете обе ссылки, вы должны работать практически в любом браузере.

1

В идеале вы хотите любимый значок с именем favicon.ico (расширение ico) и поместите его в корневую папку.

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

<link rel="shortcut icon" 
    href="//cdn.sstatic.net/stackoverflow/img/favicon.ico?v=4f32ecc8f43d"> 

FYI, вы не можете просто переименовать расширение файла png в ico. Вместо этого вы хотите преобразовать его в правильном формате.

Я обычно использую этот сайт, чтобы конвертировать PNG в ICO - http://convertico.com/

2

вы можете использовать различные FavIcon типов ниже:

<link rel="icon" type="image/x-icon" href="http://example.com/favicon.ico" /> 
<link rel="icon" type="image/png" href="http://example.com/favicon.png" /> 
<link rel="icon" type="image/gif" href="http://example.com/favicon.gif" /> 

в зависимости от того, какой файл вы хотите использовать в качестве иконы твой сайт.

Для других форматов фавиконки, вы можете обратиться по этому site

Смежные вопросы