Um favicon é uma forma criativa, prática de adicionar talento visual sutil para a presença do seu site. Favicons são pequenas imagens que navegadores da Web usam nas guias de página e as barras de endereço. Eles exibem um logotipo ou imagem associada com o site que funciona como um identificador visual da marca ao lado do título ou URL. Favicons são identificadores do site particularmente útil em navegação por abas, porque o espaço de texto disponível utilizada para os títulos das páginas diminui para quase nada, como o usuário abre mais guias.
Coisas que você precisa
- software de design gráfico
Projetar o ícone que deseja usar em um programa da foto ou de edição gráfica. Você pode ter um logotipo ou imagem existente associada com o seu site ou marca e ajuste-o para aderir aos padrões favicon. Favicons sempre usar dimensões quadradas e têm um tamanho máximo suportado de 256 por 256 pixels. Colheita e tamanho da imagem para caber em um quadrado de 256-by-256-pixel, se você estiver indo para usar um ícone packer para suportar vários tamanhos. Se você está indo só para fazer uma versão, ir com um tamanho de 16 por 16 pixels.
Exportar o gráfico como um arquivo de imagem PNG a partir do programa de design gráfico. PNG é o formato de imagem padrão W3C para favicons. Alguns navegadores podem exibir arquivos JPG como favicons, mas o padrão não é oficialmente suportado. Além disso, programas ícone packer pode não funcionar com imagens em outros formatos. Favicons também suporta arquivos GIF e ICO.
Pacote de seu arquivo PNG exportado em um arquivo ICO com um programa conversor de ICO. Um programa de ícone conversor processa um favicon PNG, formata-lo por vários tamanhos favicon amplamente apoiadas diferentes e incorpora-los em um único arquivo. ICO arquivos fornecem favicons resolução superior a 16 por 16 pixels para dispositivos que lhes dão suporte.
Entrar para o seu serviço de hospedagem de site e fazer o upload do PNG ou ICO para servidor de mídia do seu site. Copiar URL-do arquivo enviado você vai precisar dele para anexar o favicon para o site.
Abra o seu programa de edição de site e adicionar o seguinte código, modificada com a URL do arquivo favicon como indicado, com a
seção de seu site.Para arquivos PNG:
Para arquivos de ICO:
A menos que você está usando um site controlado pelo CMS ou incluir um arquivo com base
seção, você vai ter que adicionar o código a cada página que pretende apresentar o ícone. O favicon aparece depois de salvar e atualizar as páginas do site.
dicas avisos
- programas em edição de fotos como o Photoshop e Corel trabalho desenhar bem para a concepção e formatação do ícone. Alternativamente, você pode usar programas gratuitos como o Paint.net e Pixlr.
- Alguns navegadores associar automaticamente um arquivo de imagem localizado no diretório / favicon como um favicon- no entanto, a organização W3C desencoraja esta prática, porque não é um padrão aceito universalmente e é contrário aos princípios de arquitetura Web. Além disso, muitos serviços de hospedagem na Web e sistemas de CMS não deixe que o conteúdo de mídia lugar usuário fora diretórios de arquivos de mídia, tornando esta prática impossível.
Como converter uma imagem a um jpg
Como enviar um e-mail com um anexo de imagem
Como posso obter o Windows XP para abrir um arquivo tif?
Como criar seu próprio ícone do marcador
Como mudar ícones de url no Windows Internet Explorer