Favicon – Ícones personalizados nos browsers

by Luiz Paulo | dezembro 20, 2008 | 3 Comments »

Favicons são pequenas imagens no formato .ico normalmente possuem o tamanho de 16x16. Essas imagens são utilizadas para facilitar a identificação de um site em abas ou favoritos. Muitos favicons são versões minimizadas de logotipos que fazem referência a marca / imagem da empresa.

Como comentei acima, os mais normal é salvar as imagens em formato .ico , mas alguns browsers também reconhecem o formato .gif.

Inserindo favicon no formato ICO

<html>
	<head>
		<title>Inserindo favicon no formato ICO</title>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
	</head>
	<body>
		...
	</body>
</html>

Inserindo favicon no formato GIF.
* Esse formato não funciona no Internet Explorer.

<html>
	<head>
		<title>Inserindo favicon no formato GIF</title>
		<link rel="shortcut icon" type="image/gif" href="favicon.gif" />
	</head>
	<body>
		...
	</body>
</html>

Acesse também: 21 melhores geradores de favicon da Internet, você encontrará vários geradores de icones web.

Posts Relacionados

Categorias: Browser, CheatSheet, Desenvolvimento web, HTML
Tags: , , , , , , ,

3 Comentários

  1. avatar Zappala janeiro 25th, 2009 at 13:34

    Para quem não tiver uma boa ferramenta para criar seus próprios ícones, fica a dica do Favicon Generator para criação gratuita online.

  2. avatar admin janeiro 25th, 2009 at 14:22

    Boa Zappala! Ótima lembrança...

    []'s

  3. avatar Rui Carlos de Souza dezembro 17th, 2009 at 13:16

    Oi boa tarde !
    Porque favicon, não aparece no Internet Explorer ???

    Simplesmente o Firefox/Mozilla e o melhor... Nem se discute... he,he...

    Desde já, obrigado...

    Rui Carlos de Souza
    Correio Eletrônico: ruicarlos@livrosde.net

Deixe um comentário


 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web