Icono o Favicon en browser
Un Favicon es una imagen multi-resolución que ves en casi todos los sitios diseñados profesionalmente. En casi todos los browsers o navegadores (explorer, safari, firefox, opera, netscape, etc.) vemos este Favicon posicionado al inicio de la barra de direcciones y en el menú de Favoritos. El favicon permite darle al diseñador una distinción rápida y crear una imagen mas completa para el visitante. Por lo regular el favicon refleja la esencia de una página web o bien el logo de la empresa.
Pues bien, dicho esto, vamos a lo importante, antes que nada hay que crear el Favicon, hay varios generadosres autómatico s por la red, pero tal vez tu quieras un icono especial, así que lo más conveniente es bajar un plug-in para photoshop, así podrás crear tu imagen y después convertirlo a Favicon desde ahí, puedes seguir este enlace y hay una lista de varios plug-ins, descarga el que te convenza más, no te preocupes, no tienes que pagarlo, sólo piden un donativo y está en ti si lo quieres dejar o no.
Ok, crea tu imagen y tu Favicon, sólo recuerda que el tamaño adecuado es de 16 x 16 px. Cuando lo tengas listo, súbelo a tu sitio con algún administrador FTP, déjalo en raíz.
Una vez hecho esto vamos a la parte importante, el código. En algún editor de texto simple (no word) agrega a tus archivos html (debe de ir en cada página y subpágina que generes) la siguiente línea, no olvides que debe ir siempre entre la etiquetas <head></head>:
<link rel="shortcut icon" href="htt://www.nombre_de_tu_sitio.com/nombre_de_tu_favicon.ico" />
Eso estodo, prueba tus páginas y checa como cambia ese monótono icono por default del browser.
Tags: browser, code, create, diseño, diseño web, favicon, web
Comentarios
Escribe un comentario
Páginas
Temas recientes
- Efecto de MEDIO TONO (Halftone) en photoshop
- Secretos para ser Multifuncional: Cálmate para Acelerar
- Control para el photoshop
- Icono o Favicon en browser
- Añadir textura de piedra a la piel
- Playing for a Change | Song Around the World
- Generación de transición
- Recorte de cabello sin paths
- Los fantasmas sí existen… ¡¡¡y cometen fraude!!!
- THE BEATLES REMASTERED
Categorías
- El planeta pide (1)
- Esto encabrona (1)
- General (3)
- Música (2)
- Por amor al ocio (2)
- Tutoriales (4)
Sitios interesantes
Suscribete vía RSS
- Efecto de MEDIO TONO (Halftone) en photoshop
- Secretos para ser Multifuncional: Cálmate para Acelerar
- Control para el photoshop
- Icono o Favicon en browser
- Añadir textura de piedra a la piel
Calendario
| M | T | W | T | F | S | S |
|---|---|---|---|---|---|---|
| « Oct | ||||||
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | |||
- RT @arlnt: ¿por qué nadie ha inventado del día de 36 horas? ¿café? <<Porque seríamos tan necios que seguiriamos durmiendo sólo 2
- No podríamos ahorrarnos las cotizaciones y sólo decir, me gusta, arráncate?
- A cuántos bicentenarios estamos de ser realmente libres?
- Todo México es territorio Telcel. *Menos donde lo necesitas
- Después de unos días un tanto difíciles... Regresemos a la acción, pendientes, pendientes, pendientes
Cuantum Med Narvarte
- Cómo las Emociones Afectan al ADN
- El estrés mata
- ¿Padeces migraña? ¿Quieres conocer las posibles causas de ese padecimiento?
- Soltar la enfermedad
- Consulta en Cuantum Med Narvarte
Photoshop Star
- Create a Futuristic Abstract Wallpaper
- Photoshopstar.com needs your input
- How to Separate Green Plant from Background in One Minute
- How to Put Lightning inside the Bottle
- How to create bullets in Photoshop
Gran web! me encanta, me la guardo en favoritos, yo soy exdiseñador, seguro que tengo mucho que aprender en esta web y mucho material interesante. Un saludo y gracias por tu blog.