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: , , , , , , ,


 

Valid XHTML 1.0 Strict Valid CSS!

Luiz Paulo | tecnologia web