Favicon o icono de página

Un favicon, del inglés favorites icon (icono de favoritos), también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular. Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. Asimismo los utilizan para identificar más fácilmente las páginas, presentándolos junto a sus respectivos títulos, en las listas de marcadores o favoritos, en los historiales de páginas visitadas y de navegación reciente, y toda vez que deban hacer referencia a ellas.

 
La forma original de definir un favicon era poniendo un archivo llamado favicon.ico en el directorio raíz del servidor web, el cual era mostrado automáticamente en los favoritos de Internet Explorer. Después, sin embargo, se creó un sistema más flexible, usando HTML para indicar la localización de un icono para cada página servida, el cual es identificado añadiendo dos elementos link en la sección <head> del documento como se detalla abajo. De esta manera, cualquier imagen de un tamaño apropiado (16×16 pixels o más) puede ser usada, y aunque todavía muchos usan el formato ICO, otros navegadores ahora también soportan los formatos de imagen animada GIF y PNG.
 
FUENTE: http://es.wikipedia.org/wiki/Favicon
 
 
Generar un favicon online
 
GenFavIcon es un servicio web 2.0 que permite la creación de iconos y favicon online totalmente gratis. Un favicon  es un pequeño icono que puedes asociar a una página web para mostrarlo junto a la barra de direcciones de cualquier navegador. Los tamaños más comunes para faviconos, según la calidad del icono, son 16x16, 32x32, 48x48, 64x64 y 128x128. Para crear tu propio icono sigue las instrucciones, además también podrás descargarlo en el formato que lo envíes para crear tu .ico, en .jpg, .gif o .png.
 
Una vez que has creado el favicon.ico, súbelo al directorio raíz de tu página web e inserta el siguiente código en la cabecera de tu página html. 
 
<link rel="shortcut icon" href="/favicon.ico" />
 
FUENTE: http://www.genfavicon.com/es/

 

Otros artículos que te pueden interesar

Anatomía de un logotipo
Muchas personas se ven, alguna vez, en la necesidad de diseñar un logotipo para cosas como una nueva empresa, una web, o un club de fútbol infantil. Esto, que parece tan simple (¡p...

Cómo trabajar el posicionamiento SEO para una web
Como hacemos una web: - Diseño funcional, atractivo para el usuario. - Títulos correctos: el título de una sección es la presentación  para el buscador. Debe ...

URL amigables
Las URL semánticas o URL amigables son aquellas URLs que son, dentro de lo que cabe, entendibles para el usuario. Lejos de las clásicas URLs de las páginas dinámicas llenas...

Criterios keywords
Un criterio, en el mundo de la optimización web, es un conjunto de palabras que se utilizan en los buscadores para que éstos le devuelvan información relacionada con éllas....

Estructura de una página web
Un sitio web no es una unidad real, sino que se trata de una serie de páginas independientes. El concepto de unidad de un sitio está dado por la unidad conseguida a través del dis...

La importancia de una página web
Últimamente hemos estado investigando por Internet a la caza y captura de clientes.  Con los tiempos que corren… pero este no es el tema de este post.  Tampoco lo es el intrusi...

Artículos insertados en el blog

Favicon o icono de página

Urls amigables o seo friendly con php y htaccess

Fecha y hora en php

Generar Thumbnails con PHP

¿Qué es una pasarela de pagos online?

Plantillas de WordPress vs Diseño web personalizado

Iconos gratis de redes sociales para web

10 Excelentes Slider show para utilizar en tu web

Cómo trabajar el posicionamiento SEO para una web

¿Por qué hacer la web con nosotros?

Que el contenido de tu web te de un buen posicionamiento Google

Programación web orientada a posicionamiento en buscadores

Optimización de sitios orientado al posicionamiento en los buscadores

La importancia de una buena estructura web

Redes sociales para empresas

Campaña de publicidad en Facebook

Significado de una buena pagina web

Buenas url amigables

Facilitar posicionamiento en buscadores

Estructura de una página web

Criterios keywords

URL amigables

¿Su empresa está en Internet?

SEO: el arte de posicionarse en Internet

Una buena página web

Diseño web Alicante

Una web bien posicionada

La importancia de una página web

Palabras clave fáciles y difíciles

Anatomía de un logotipo

Lo indispensable en una buena página web

Claves para posicionar tu Web

Los gestores de contenido

¿Webs caras o baratas?

WebMarc

Últimas entradas en el Blog de Webmarc

C/ Joaquín Orozco 11, 1º D - 03006 - Alicante
Telf: 865 643 903 | Móvil: 669 118 799
Enlaces - Aviso Legal - Política de Privacidad | info@webmarc.es | www.webmarc.es | 2014

 WEBMARC EN FACEBOOK  WEBMARC EN LINKEDIN  WEBMARC EN TWITTER