Flux rss

[Favicon] Colocar un icono en la barra de direccciones

Publicado por Carlos-vialfa, última actualización el viernes, 15 de agosto de 2008, 22:10:34 por Carlos-vialfa

Quizás hayas observado la presencia de un icono a la izquierda de la URL en la barra de direcciones del navegador. Algunas páginas web tienen asociadas estos iconos a ellas.
Asociar este icono a tu página web es muy fácil.



Crear un favicon


Existen varios métodos:

Si se respetan los estándares


Para comenzar debemos crear una imagen en formato png o gif (formatos estándares).
(podemos también utilizar formatos menos comunes, ver el enlace al final de la página).
Puedes elegir varias dimensiones: 16x16 o 32x32 pixeles.

Si no se respetan los estándares


Como de costumbre, Internet Explorer no respeta los estándares y no utiliza las imágenes con los formatos correctos.
Para este navegador, hay que utilizar una imagen en formato ico (o bmp) (no estándar, de preferencia evitarlo), y dimensiones de16x16 pixeles.

Poner favicon en línea


Luego tienes que poner el favicon en tu página web e indicar su ruta con la etiqueta link entre las etiquetas de cabecera head.
Veamos un ejemplo con una imagen en formato png:
<link rel="icon" type="image/png" href="/images/mifavicon.png" />


Dependiendo del formato, el atributo “type” cambiará:
  • Formato png: image/png
  • Formato gif: image/gif
  • Formato jpeg (extension jpg o jpeg): image/jpeg


Si tienes un favicon que no respeta los estándares, el atributo “rel” también cambia:
<link rel="shortcut icon" type="image/x-icon" href="/images/icon1.ico" />

También se puede poner un archivo favicon.ico en la raíz de la página para que algunos navegadores lo utilicen automáticamente, pero esto no es estándar.

Notas

  • Creo que no es muy útil hacer un favicon para IE, dado que éste sólo lo utiliza para los favoritos.
  • Si utilizas un icono en un formato estándar y otro en formato ico, no te aconsejo que pongas este último en la raíz: los navegadores lo mostrarán si no encuentran la imagen en formato png.
  • También podemos utilizar un icono animado (ver enlace).

Enlaces relacionados



PD: El artículo original fue escrito por Jeff, contribuidor de CommentCaMarche
Descargar WindowBlinds Con WindowBlinds podras personalizar el entorno del Windows XP y 2000. Podras darle una apariencia completamente diferente a tu escritorio, carpetas, marcos, fondos, barra de herramientas, botones, iconos, barra de sistema, colores, y muchas cosas... es.kioskea.net/telecharger/telecharger-428-windowblinds
Descargar Yoono Es un programa para crear y mantener tus Favoritos de Internet, compartiéndolos con diferentes usuarios y con la posibilidad de tenerlos siempre disponibles, incluso desde distintas PCs.Si colocas una barra de herramientas en la interfaz del... es.kioskea.net/telecharger/telecharger-554-yoono
El virus deshabilito el ejecutar y otras cosa Hola, Hola, tengo un problema con un virus me deshabilito la opcion de ejecutar y cuando trato de colocarla por barra de herramientas no aparece me bloqueo el antrivirus cuando quiero ponerlo pestañea es decir cierra y abre al mismo tiempo no puedo... es.kioskea.net/forum/affich-48978-el-virus-deshabilito-el-ejecutar-y-otras-cosa
Eliminar las barras de herramientas indeseablesCon el tiempo y de tanto bajar programas no muy fiables, el navegador se llena de barras de herramientas indeseables. Si deseas eliminarlas y no sabes cómo, aquí te daremos algunos pasos a seguir que te permitirán deshacerte de... es.kioskea.net/faq/sujet-1398-eliminar-las-barras-de-herramientas-indeseables
Probar una página web en diferentes navegadoresUn buen webmaster siempre debe comprobar que su página web sea compatible con los navegadores más usados. Sin embargo, dependiendo del sistema operativo que utilice, pueden presentarse algunas dificultades con algunos navegadores. En lo que sigue del... es.kioskea.net/faq/sujet-1524-probar-una-pagina-web-en-diferentes-navegadores
Restaurar el icono “Mostrar escritorio”Restaurar el icono “Mostrar escritorio” en la barra de inicio rápido Si el icono “Mostrar escritorio” ya no aparece en la barra de inicio rápido, entonces lee este articulo que te ayudará a restaurar este acceso directo. Para que sirve el... es.kioskea.net/faq/sujet-1428-restaurar-el-icono-mostrar-escritorio
Tengo problemas con un virusHola, tengo un problema con un virus me deshabilito la opcion de ejecutar y cuando trato de colocarla por barra de herramientas no aparece me bloqueo el antrivirus cuando quiero ponerlo pestañea es decir cierra y abre al mismo tiempo no puedo entrar... es.kioskea.net/forum/affich-48976-tengo-problemas-con-un-virus
Colocar la barra de inicio abajoHola, Vereis, no se que me ha pasado que la barra de inicio se me ha colocado arriba. Quisiera saber como hacer para que vuelva abajo en la pantalla, donde suelen estar habitualmente. Gracias es.kioskea.net/forum/affich-55943-colocar-la-barra-de-inicio-abajo
Colocar en pantalla la barra de tareasHola, como puedo colocar en la pantalla la barra de tareas no me aparece necesito respuesta gracias es.kioskea.net/forum/affich-27687-colocar-en-pantalla-la-barra-de-tareas
Descargar Screenshot UtilityScreenshot Utility es una aplicacion por la cual podras realizar capturas de pantalla de una forma muy sencilla y rapida. Tendras un icono del programa en la barra de tareas y cada vez que quieras tomar una captura de pantalla solo debes presionarlo,... es.kioskea.net/telecharger/telecharger-903-screenshot-utility
Descargar Super Run XPSuper Run XP te permitira gestionar todas tus aplicaciones desde un unico programa. Una vez que instales Super Run XP tendras un icono en tu barra de tareas con al cual podras administrar todas tus aplicaciones. es.kioskea.net/telecharger/telecharger-762-super-run-xp
Procesos: icono de la barra de tareas: taskbaricon.exe taskbaricon.exe (taskbaricon significa TaskBar Icon) es un proceso que corresponde al icono del proveedor de servicios de Internet Wanadoo de la barra de tareas. Es una aplicación que se puede finalizar sin riesgos. es.kioskea.net/processus/taskbaricon-exe.php3
Webmastering - Navegador Un "navegador" es una herramienta que permite a los usuarios de Internet visitar sus sitios Web favoritos. Es un tipo de software con una interfaz gráfica que incluye botones de navegación, una barra de direcciones y una barra de estado (en general... es.kioskea.net/www/navigateur.php3
Microsoft Windows 95 - Interfaz La interfaz del usuario de Windows 9x (9x se refiere a Windows 95 y Windows 98 juntos) se caracteriza por una barra en la parte inferior de la pantalla (se puede mover a otro extremo de la pantalla al hacer clic con el botón izquierdo del ratón y... es.kioskea.net/win/wininter.php3