Colocar um Favicon.ico (logo na barra de endereço) no seu site

 

 

O favicon é um ficheiro o formato ICO (*.ico) de tamanho 16x16 px com 72 dpi de resolução, significando Ícone de Favoritos.
NB: Para converter uma imagem JPG para ICO, use por exemplo a aplicação Microangelo ou um serviço online tal como http://convertico.com/.

Em alguns browsers como o Internet Explorer até à versão 6, só exibem os favicons quando o site é adicionado aos favoritos. Neste caso, apenas no menu correspondente aos favoritos se pode encontrar a imagem.

Noutros browseres como o Firefox, Opera e Internet Explores 7, os favicons podem ser encontrados também nos separadores e na barra de endereço.

Os favicons têm também teor de acessibilidade pois ajudam o utilizador a identificar uma página quando ela é exibida em separadores ou em lista. Visando isto, muitos favicons são imagens simplificadas do logotipo.

Ao criar o logo não se esqueça que o ícone pode ser visto com diferentes cores de fundo, então é aconselhado que seja feito com o fundo transparente.

Vejamos um exemplo:


Favicon na barra de endereço, separadores e favoritos

 

Inserir o FavIcon - Procedimento Geral sem epages

  1. Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo ou use um serviço online tal como http://convertico.com/)
     
  2. No backoffice da sua loja ou site, ou através de uma aplicação, coloca a imagem no servidor / gestor de ficheiros
     
  3. Para editar o novo elemento HTML, clique na hiperligação do novo elemento
     
  4. Insira o código na secção "<HEAD>.....</HEAD>" dos seu Web site ou loja online
    NB: Deverá substituir a imagem pelo logo que criou em formato ICO. 
    O endereço abaixo (href="  ") deve ser substituído pelo endereço correcto da imagem (icone)
    <link rel="shortcut icon" href="/WebRoot/Store/imagens/favicon.ico" type="image/x-icon"/>

 

Inserir o FavIcon com epages 6 e superior

  1. Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo ou use um serviço online tal como http://convertico.com/)
     
  2. No backoffice da sua loja ou site, ou através de uma aplicação, coloca a imagem no servidor / gestor de ficheiros
     
  3. Aceda às "Definições > Definições Gerais"
     
  4. Carregue o seu FavIcon

 

 

Para versões epages antigas (versões 5, antes de 2010)

 

Proceda da seguinte forma:

  1. Use um programa especifico para gravação de ficheiros em formato ICO (exemplo: Microangelo )
     
  2. No backoffice da sua loja, insira a imagem através do botão para inserir uma imagem, no editor de texto
     
  3. Design -> Editar elementos de navegação (na caixa do modelo)
     
  4. Escolha o cabeçalho

    Elemento de navegeção Cabeçalho
     
  5. Clique em "Adicionar elementos de navegação"
     
  6. Escolha a opção "Definido pelo utilizador"

    Escolher tipo Definido pelo utilizador
     
  7. Clique no botão "Adicionar"
     
  8. Para editar o novo elemento HTML, clique na hiperligação do novo elemento
     
  9. Insira o código
    NB: Deverá substituir a imagem pelo logo que criou em formato ICO.  O endereço abaixo (href="  ") deve ser substituído pelo endereço correcto da imagem (icone)
    <link rel="shortcut icon" href="/WebRoot/Store/Shops/......./MediaGallery/favicon.ico" type="image/x-icon"/>