Adicionar uma imagem na barra de título [duplicado]
esta pergunta já tem uma resposta aqui:
- Criar um favicon [fechado] 10 respostas
Como é que adiciono uma imagem na barra de título?
Tenho o título - "Webnet"
Fundindo-o com imagens de ícones de um glyphicon como -<title><i class="icon-user icon-black"></i>Webnet</title>
e eu tentei substituí-lo por fonte de imagem -
<title><img src="assests/img/user-Hermosillo.png" ></img>Webnet</title>
mas o título mostra innerHTML em vez de mostrar a imagem lá.
Alguma ajuda?4 answers
<title>
só suporta texto simples. Terá de criar uma imagem .ico
com o nome do ficheiro favicon.ico
e gravá-la na pasta raiz do seu site (onde está a sua página predefinida).
Em alternativa, pode gravar o ícone onde quiser e chamar-lhe o que quiser, mas basta inserir o seguinte código na secção <head>
do seu HTML e referenciar o seu ícone:
<link rel="shortcut icon" href="your_image_path_and_name.ico" />
Pode usar o Photoshop (com um 'plugin') ou o GIMP (livre) para criar um .ico
arquivo, ou você pode simplesmente usar IcoFX, que é o meu favorito, pois é realmente fácil de usar e faz um ótimo trabalho (você pode obter uma versão mais antiga do software para livre de download.com).
Actualização 1: Você também pode usar uma série de ferramentas online para criar favicons como ConvertIcon, que eu usei com sucesso. Existem outras ferramentas online gratuitas disponíveis agora também, que fazem o mesmo (acessível por uma simples pesquisa do Google), mas também gerar outros ícones, como os ícones Do Menu Windows 8/10 Start e ícones de aplicativos iOS.
Update 2: Você também pode usar as imagens .png
como ícones desde que o IE11 seja a única versão do IE que você precisa para suportar . Você só precisa referenciá-los usando o código HTML acima. Note que IE10 e mais velhos ainda necessitam de arquivos .ico
.
Devias estar à procura de como adicionar {[[2]} . Você pode tentar adicionar favicon.ico
directamente nas suas páginas html como este
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
Ou podes actualizar isso no teu webserver
. É aconselhável adicionar em suas webserver
Como você não precisa adicionar isso em cada uma das suas páginas html
(assumindo que não includes
).
Para adicionar no seu apache
Coloque o {[[2]} no director do seu site de raiz e adicione isto no httpd.conf
AddType image/x-icon .ico
Adicione isto na secção principal do seu html
<link rel="icon" type="image/gif/png" href="mouse_select_left.png">
<link rel="shortcut icon" href="/favicon.png" type="image/png">
Onde está o favicon?png é de preferência uma imagem png 16x16.