Internet

Crie um favicon para o seu site em 3 passos

14 Comentários

Ontem em conversa com um colega meu, ele questionava-me como se chamava aquele ícone que aparecia sempre na barra de endereços e que mudava de site para site.

Depois de 5 minutos de conversa sobre este tema, lá lhe expliquei que esse ícone se chama normalmente de favicon e que certamente no pplware tínhamos lá um artigo sobre isso.

favicon_000

Quando cheguei a casa, lembrei-me de pesquisar no pplware sobre favicon e verifiquei que já existiam alguns artigos sobre o tema e inclusive um sobre como construir um favicon animado (ver aqui). Como os artigos já foram escritos há mais de um ano, decidi fazer uma pesquisa na Internet na tentativa de saber qual o melhor serviço actualmente. Depois de algumas pesquisas fiquei-me pelo serviço online favigen.

favicon_00

O serviço favigen caracteriza-se pela sua simplicidade na criação de um favicon. Para a criação de um favicon o utilizador apenas tem de realizar os seguintes 3 passos:

  1. Fazer upload de uma imagem
  2. Escolher o tamanho do favicon (normalmente 16×16)
  3. Carregar no botão Create Favicon

favicon_02

Depois de realizados os passos anteriores, basta carregar no botão Download your favicon. Além da produção do favicon, o serviço disponibiliza de imediato também o código a incluir na vossa página web. Para tal, basta editarem as páginas do vosso site e incluírem o código (Não se esqueçam que de acordo com o código abaixo, o favicon deverá ter o nome favicon.ico)

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

Experimentem e não se esqueçam de nos mostrarem o resultado.

Artigos relacionados

Homepage: favigen

PUB
Autor: Pedro Pinto
Partilhar:
Tags:

PUB.

Questão Semanal

Deveria haver uma marca obrigatória em todas as imagens geradas por IA?

Ver Resultados

Loading ... Loading …
Arquivo de Questões

PUB.

Velocímetro Pplware

Teste a velocidade da sua Internet
10 anos de Wikipédia…
Artigo anterior

10 anos de Wikipédia…
Próximo artigo

Photo Magician – Magia em cada Fotografia
PUB

Comentários

14

Deixe um comentário

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

  1. Avatar de Matias
    Matias

    12×16 ou 16×16?

    Responder
    1. Avatar de Pedro Pinto
      Pedro Pinto

      16×16, senão fica rectangular 🙂

      Responder
  2. Avatar de Gosma
    Gosma

    Não sabe nada aquele que não desenha uma imagem de 16×16 de raiz, e apenas faz resize.

    Responder
    1. Avatar de Ecchin
      Ecchin

      Exacto. Muitos sites fazem resize de uma imagem grande e acabam com uma imagem que não se entende mesmo nada.

      Responder
  3. Avatar de trambulhao
    trambulhao

    Ou em .png.

    Responder
  4. Avatar de Bruno Santos
    Bruno Santos

    Olás,

    Na verdade até podemos utilizar .ico, .png, .jpg.
    Só temos de mudar a linha:

    Abraços.

    Bruno Santos
    Cordelima.com

    Responder
  5. Avatar de Alex
    Alex

    Podem usar o http://www.favicon.cc/ que ade da para criar o proprio favicon online.

    Responder
  6. Avatar de Pedro
    Pedro

    Num blogue, onde deverei colar o código?

    Responder
    1. Avatar de Julio
      Julio

      Para o Blogger e WordPress veja aqui: http://www.ferramentasblog.com/2010/02/como-trocar-favicon-blogger-wordpress.html

      Responder
  7. Avatar de Gilmar Coimbra
    Gilmar Coimbra

    Eis uma coisa que eu nunca soube fazer, e agora terei uma ótima chance.

    Responder
  8. Avatar de paulo
    paulo

    Dá para usar isto numa pagina no facebook?

    Responder
  9. Avatar de Jorge
    Jorge

    Boas!
    Como faço para inserir um favicon num site feito em wix (não tenho acesso ao codigo fonte) e claro sem ter de fazer um upgrade.

    Obrigado

    Responder
  10. Avatar de Alexandre
    Alexandre

    Deve colocar-se também a regra para o Iphone, visto que é diferente.
    O ícone deve ter o formato PNG e deve ter, como dimensões, 57×57 pixeis.

    O código a usar é:

    Devem colocar esta linha abaixo da linha de código referida acima, neste post.

    Responder
  11. Avatar de Celular
    Celular

    Tenho um e-commerce sob a plataforma Magento. Na última atualização, criou-se um modo de inserir o Favicon automaticamente. Minha recomendação é usar sempre o tamanho 16×16, para ficar bem definido e evitar distorções na imagem.

    Abraços a todos

    Responder
Aviso:

Todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste site ou do(s) seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. A administração deste site reserva-se, desde já, no direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação do seu autor (nome completo e endereço válido de email) também poderão ser excluídos.