7
respostas

bom dia, sou novato, como inserir um favicon qualquer na minha pagina html?

baixei a imagem da net, converti a imagem em png, ico mas não sei como fazer o html reconhecer o arquivo, me ajudem por favor

7 respostas

Olá Lucas, como você está passando o ícone na tag? Geralmente é nesse formato:

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

lembrando que o a tag link deve estar dentro da sua tag <head></head>

boa noite Anderson, tentei dessa forma que me passou e nao consegui tb, criei uma pasta com nome de imagens, dentro da pasta da pagina, mas parece que nao consigo linkar nem o favicon nem imagem pra pagina

Oi Lucas, pode mostrar como está seu código?

Bom dia Lucas Leonardo Lino

Tente da seguinte forma abaixo!

<head>
<link rel="icon" href="local_imagem" type="image/x-icon"/>
</head>

Abraços

Olá pessoal! Tudo bom?

No link, em rel (relationship/relacionamento), devemos colocar "shortcut icon", diferentemente do que foi feito em seu código! Além disso, no seu href, é necessário especificar o nome completo da sua imagem, inclusive a sua extensão!

Por exemplo:

Meu favicon tem o nome favicon.ico, então eu teria algo como:

<head>
<link rel="shortcut icon" href="favicon.ico">
</head>

Repare que em href devemos estar atentos na localização da minha imagem. O exemplo acima só funciona caso meu arquivo HTML e meu favicon estejam no mesmo diretório!

Espero ter ajudado!

Abraços e bons estudos!

galera meu computador travou, perdi todo o projeto, nesse feriado vou montar a pagina de novo, agradeço pela ajuda de todos

Primeiramente, o favicon deve estar de preferência na mesma pasta do html. Com essa condição atendida, insira dentro da tag head o seguinte:

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