Home › Fóruns › Desenvolvimento Web 2020 (HTML5+CSS3) › Cap 6 Aula 5 – ícones
- Este tópico contém 3 respostas, 2 vozes e foi atualizado pela última vez 2 anos, 2 meses atrás por Tutora Vera.
-
AutorPosts
-
-
23 de agosto de 2022 às 13:27 #100003Isabela CartaxoParticipante
Não estou conseguindo colocar o ícone no meu site, segui todos os passos do professor e já salvei e atualizei a página, mas o ícone continua sem aparecer
-
24 de agosto de 2022 às 09:38 #100061Tutora VeraMestre
Isabela, precisamos de mais detalhes e informações para poder te ajudar a descobrir o que pode estar acontecendo para não aparecer o ícone.Se possível, coloque aqui o seu código ou print da sua tela, se por acaso não conseguir por o print aqui no fórum pode mandar para a aba ajuda que analisamos a imagem por lá e respondemos por aqui.
-
24 de agosto de 2022 às 10:57 #100066Isabela CartaxoParticipante
Não consegui colocar o print, mas o código é esse, os arquivos dos ícones estão na mesma pasta do exercício, assim como o do professor, e o nome do ícone que eu escolhi foi favicon.ico, por isso o nome está o mesmo. Eu também já cliquei em control espaço, para aparecer a opção de selecionar os arquivos, mas mesmo fazendo isso o ícone continua sem aparecer, já até troquei o nome dos arquivos, reiniciei o pc e nada
<!DOCTYPE html>
<html lang=”pt-BR”>
<head>
<meta charset=”UTF-8″>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Teste de favicon</title>
</head>
<body>
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>
<h1>Olha o favicon aqui em cima</h1>
</body>
</html> -
26 de agosto de 2022 às 10:39 #100161Tutora VeraMestre
Isabella, vamos tentar afunilar as principais causas que podem estar fazendo com que a icon não apareça.
1º: Qual navegador você utiliza?
2º: Onde você pegou o arquivo icon?
3º: Já tentou utilizar outras imagens?Existem várias maneiras de se colocar favicon, o que está sendo explicado no vídeo pelo professor funciona na maioria das vezes, mas sempre muda então você pode testar com outros formatos de imagem. Hoje dá pra utilizar PNG (é até mais recomendado utilizar png). Os arquivos de ícone eles são de resolução menor, da pra utilizar um PNG que não seja muito gigantesco até porque ele será reduzido, então testa ai com outro arquivo diferente que pode ser o arquivo que você escolheu.
Segue o link de maneiras que podem te ajudar: https://pt.stackoverflow.com/questions/389807/É-uma-boa-prática-ter-todos-os-tamanhos-de-favicons-e-incluir-todos-os-link-rel
Espero ter ajudado, se ainda houver dúvidas ou conseguir solucionar o problema, nos dê o seu feedback com os detalhes de como solucionou ou não para ajudar outros alunos também, beleza? Bons estudos! 😀
-
-
AutorPosts
- Você deve fazer login para responder a este tópico.