Cap 6 Aula 5 – ícones

Home Fóruns Desenvolvimento Web 2020 (HTML5+CSS3) Cap 6 Aula 5 – ícones

Visualizando 3 respostas da discussão
  • Autor
    Posts
    • #100003
      Isabela Cartaxo
      Participante

      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

    • #100061
      Tutora Vera
      Mestre

      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.

    • #100066
      Isabela Cartaxo
      Participante

      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>

    • #100161
      Tutora Vera
      Mestre

      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! 😀

Visualizando 3 respostas da discussão
  • Você deve fazer login para responder a este tópico.