Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Sin Resultado
Ver Todos los Resultados
Tutorial Monsters - Diseño Web, Photoshop, Wordpress, CSS, Lightroom
Sin Resultado
Ver Todos los Resultados
Home Webmaster Diseño Web

Favicon

31 mayo, 2012
en Diseño Web
0
Favicon

Podemos empezar dando una definición de favicon. Lo mas facil es buscar, y en wikipedia encontraras:

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.

Ejemplo del favicon de TutorialMonsters

[highlight]<link rel=»shortcut icon» href=»https://www.tutorialmonsters.com/wp-content/uploads/2012/01/favicon-monstruo.gif»/>[/highlight]

Utilizamos una imagen gif para conseguir la animación del icono, si te fijas veras como parpadea (como es una animación no se ve en todos los navegadores, una pena, prueba con firefox).

Crear online un favicon

Para crear un favicon, lo puedes hacer online, existen multitud de webs que pueden hacer un favicon desde una imagen que tengas, por ejemplo:

  • http://www.favicon.cc/

Poco mas se puede decir del favicon. Simplemente, es cuestión de imagen

Etiquetas: .icofaviconfavicon.ico
ANUNCIO
Post anterior

Formación: Google Webmaster Academy

Próximo Post

Responsive Design. Consejos para Diseño Sensible

Otros Posts

6 pasos para limpiar tu Sitio Web de Malware

6 errores comunes en la estructura de una web y cómo evitarlos

13 julio, 2020
0

Si te tomas el SEO y a tus usuarios en serio, seguro que estás trabajando en una magnífica estructura de tu sitio web. Crear esa estructura puede llegar a ser difícil, y sobre todo cuando...

Cómo guardar imágenes optimizadas para la web

Cómo guardar imágenes optimizadas para la web

24 octubre, 2019
0

Hace tiempo que hablamos como optimizar las imágenes para WordPress, como acelerar la carga de la web. Como ya ha llovido lo suyo veremos las distintas opciones que tenemos hoy en día para optimizar las...

Por favor logueate para comentar

Recomendados

Con Feedient puedes administrar tus redes sociales en una sola aplicación

Con Feedient puedes administrar tus redes sociales en una sola aplicación

3 noviembre, 2014
Manual HTML: Cómo crear y hacer tablas en HTML (con ejemplos prácticos)

Tablas en HTML

13 febrero, 2011
Corregir error al iniciar Xampp: Apache shutdown unexpectedly.

Xampp: Servidor web apache para Windows

9 abril, 2012
Google Charts, gráficas en tu Web

Google Charts, gráficas en tu Web

23 mayo, 2013

Tutotial Monstersse

Somos un equipo creativo apasionado por brindar los mejores recursos gratuitos y premium a la comunidad de diseño.
PADAWAN

  • Home
  • Política de privacidad
  • Política de Cookies
  • Aviso Legal
  • Contactar

© 2020 Tutorial Monsters - Estamos para Colaborar SEOConsultora.

Sin Resultado
Ver Todos los Resultados
  • Html5
  • CSS3
  • PHP
  • Photoshop
  • WordPress
  • SEO
  • eCommerce
  • Marketing
Este sitio web utiliza cookies. Al continuar utilizando este sitio web, usted da su consentimiento para que se utilicen cookies. Visite nuestra Política de privacidad y cookies .