Como adicionar um favicon

Um favicon é um pequeno ícone localizado ao lado de um endereço de site em um navegador e no menu do seu marcador. ThiTeaches você como adicionar seu próprio favicon personalizado a um site, bem como como personalizar os favicons que aparecem para os sites de outros povos em seus marcadores do Google Chrome.

Passos

Método 1 de 2:
Adicionando um Favicon a um site
  1. Adicionar um Favicon Passo 1
1. Baixe ou crie um favicon. Se você quiser alterar o ícone minúsculo que aparece ao lado do título do seu site em navegadores da Web, comece por baixar ou criando um favicon.
  • Para garantir que seu Favicon seja compatível com todos os navegadores, certifique-se de que seja um .Arquivo ICO que é 16 x 16 pixels grandes.
  • O nome do arquivo do seu favicon deve ser favicon.ico. Se o arquivo já não tiver esse nome, renomeie-o.
  • Adicionar um Favicon Passo 2
    2. Carregue o Favicon para o diretório principal do seu site. Alguns hosts da Web permitem que você carregue seu favicon por meio de um editor on-line, enquanto outros exigem que você use FTP para transferi-lo para a pasta principal do site.
  • Se o seu site tiver um painel / editor de controle baseado na Web, geralmente você pode carregar o Favicon com alguns cliques. Veja como fazer em alguns hosts populares:
  • WordPress: Abra a página de administrador e clique em Aparência, então Customizar, e depois Identidade do site. Clique Selecione o arquivo Em "ícone do site", faça o upload de Favicon.ico e, em seguida, clique em Salvar e publicar.
  • WEEBLEY: Abra seu editor de site e clique em Definições Na barra de menus, clique em Envio sob "Favicon."E depois upload do arquivo. Clique Publicar Para salvar suas alterações.
  • SquareSpace: Clique Projeto No menu inicial, clique em Logotipo e título, e depois role para baixo para a caixa "ícone do navegador (Favicon)". Arraste Favicon.ico para a caixa, espere que ele faça o upload e clique em Salve .
  • Blogger: Abra o editor do site e clique em Layout Na coluna da esquerda, clique em Editar Na caixa "Favicon", faça o upload do arquivo e clique em Salve .
  • Se você transferir arquivos para o seu host via FTP, use seu aplicativo FTP para transferir Favicon.ico para a pasta principal do seu site. O caminho completo para o favicon deve ser "http: // seudomain.com / favicon.ico" Uma vez carregado.
  • Adicionar um Favicon Passo 3
    3. Adicionar alink ao seu código-fonte (opcional). Se você fizer o upload de seu Favicon através de um painel de controle baseado na Web, não há necessidade de concluir esta etapa. E como todos os navegadores da Web modernos estão configurados para verificar um arquivo chamado "Favicon.ico "Por padrão ao carregar um site, não é obrigatório concluir este passo para outros tipos de sites. No entanto, alguns usuários mais avançados do Firefox e da Opera ajustam suas configurações para impedir que os favicons seja carregando dessa maneira. Para garantir que esses usuários vejam seu favicon, adicione uma linha de código a cada página que se vincula ao arquivo. Veja como:
  • Abra o arquivo de código-fonte HTML para uma página no seu site.
  • Em algum lugar entre o e Tags, adicione o seguinte código a uma nova linha:
  • Se você estiver usando algo diferente de HTML, ajuste o código para que ele se adapte ao idioma que você está usando.
  • Salve suas alterações e re-upload (ou re-publicar) a página.
  • Repita estas etapas para outras páginas em seu site.
  • Adicionar um Favicon Passo 4
    4. Teste seu favicon. Carregue seu site em uma nova janela do navegador. Se o seu site costumava ter um Favicon diferente, você pode não ver seu novo até Limpe seu cache (ou tente um navegador da Web diferente que você não usou para visualizar seu site).
  • Método 2 de 2:
    Adicionando um favorito Favicon ao Google Chrome


    1. Adicionar um Favicon Passo 5
    1. Baixe ou crie um favicon. Se você quiser alterar o ícone minúsculo que aparece ao lado de um marcador Chrome, você pode usar uma extensão gratuita chamada Bookmark Favicon Changer. Comece baixando ou criando um favicon usar.
    • Você pode encontrar favicons gratuitos disponíveis para download pesquisando no Google por "Favicons grátis."
    • A maioria dos favicons está disponível como .ico ou .arquivos PNG que são 16 x 16 pixels em tamanho. Bookmark Favicon Changer irá redimensionar qualquer tipo de arquivo de imagem para 16 x 16, então não se preocupe em encontrar um que se encaixa nesses critérios.
    • Se você ainda não fez Marcasse o URL para o qual você deseja adicionar um Favicon, Faça agora.
  • Adicionar um Favicon Passo 6
    2. Navegar para https: // cromo.Google.com / webstore / No Google Chrome. Se você ainda não estiver conectado à sua Conta do Google, clique em Entrar no canto superior direito para fazer agora.
  • Adicionar a Favicon Passo 7
    3. Modelo Marcador Favicon na caixa de pesquisa e pressione ↵ Enter ou ⏎ retorno. A caixa de pesquisa está no canto superior esquerdo da loja da Web do Chrome.
  • Adicionar um Favicon Passo 8
    4. Clique Adicionar ao Chrome ao lado de "Bookmark Favicon Changer."Deve estar no topo dos resultados da pesquisa. Um pop-up aparecerá.
  • Adicionar um Favicon Step 9
    5. Clique Adicionar extensão. Uma vez adicionado a extensão, você verá uma mensagem de confirmação perto do canto superior direito do seu navegador (e, dependendo de suas configurações, um novo ícone com dois quadrados sobrepostos dentro ao lado da barra de endereços).
  • Você pode ter que fornecer informações adicionais, como uma senha de administrador, para concluir a instalação.
  • Adicionar um Favicon Passo 10
    6. Clique com o botão direito do mouse no ícone do Chruger Favicon Bookmark. São os dois quadrados sobrepostos perto do canto superior direito do Chrome. Um menu expandirá.
  • Se você vir uma janela preta pop-up que diz "Esta página não está marcada e não corresponde a regra do ícone da guia," Marque a caixa que diz "Não mostre este pop-up novamente", clique em qualquer lugar da página e Em seguida, clique no ícone do Chruger de Favicon Bookmark novamente.
  • Adicionar um Favicon Passo 11
    7. Clique Gerenciar extensões. Está na parte inferior do menu. Isso abre uma página Configurações do Chrome que permite que você faça alterações em suas extensões.
  • Adicionar um Favicon Passo 12
    8. Role para baixo e deslize "Permitir acesso aos URLs do arquivo" para
    Android7switchon.jpg
    . Isso dá a permissão de extensão para adicionar favicons a todos os URLs.
  • Adicionar um Favicon Passo 13
    9. Clique com o botão direito do mouse no ícone do Chruger Favicon Bookmark novamente e selecione Opções. Isso deve abrir uma página azul que exibe uma lista de seus favoritos.
  • Se você vir uma janela preta pop-up que diz "Esta página não está marcada e não corresponde a regra do ícone da guia," Marque a caixa que diz "Não mostre este pop-up novamente", clique em qualquer lugar da página e Então tente novamente.
  • Adicionar um Favicon Passo 14
    10. Clique com o botão direito do mouse no marcador que você deseja alterar. Um menu expandirá.
  • Adicionar um Favicon Passo 15
    11. Clique Mudar favicon. Isso abre o navegador de arquivos do seu computador.
  • Adicionar um Favicon Passo 16
    12. Selecione o Favicon e clique em Abrir. Isso importa o Favicon para o navegador. Uma janela irá aparecer exibindo o progresso. Uma vez que a janela se fecha, o Favicon deve ser adicionado.
  • Se você vir um erro no log no canto superior direito da página que diz "não pode confirmar a mudança de Bookmark Favicon", não se preocupe, o Favicon ainda aparecerá em seus marcadores. Você pode confirmar isso abrindo seus marcadores no Chrome.
  • Compartilhe na rede social:
    Semelhante