19/02/2014

Por qué agregar un favicon a nuestro sitio web

Por qué agregar un favicon a nuestro sitio web

El favicon (favorite icon) es el ícono que identifica a un sitio web, y aparece acompañando su título o su URL en la ventana de la mayoría de los navegadores. Si bien es muy pequeño y la mayoría de los sitios web evita u olvida utilizarlo, se trata de un elemento importante, por los siguientes motivos:

  • Al igual que un logo, aporta un valor significativo a la identidad visual de nuestra marca en Internet.
  • Permite reconocer al sitio web con facilidad. Esto es especialmente importante si el usuario tiene muchas pestañas abiertas al mismo tiempo: si quisiere volver a un sitio web en particular, el favicon servirá de señalador.
  • No sólo identifica al sitio web en la barra de direcciones o acompañando el título de la pestaña, sino también en la lista de marcadores, en blogrolls (listas de blogs recomendados en un sitio web) y lectores de feeds. De esa manera permite a nuestro sitio destacarse sobre el resto.

Para diseñar un favicon se puede utilizar prácticamente cualquier software de edición gráfica, siempre y cuando podamos obtener un archivo con formato ICO (existen muchos conversores online gratuitos). Formatos como PNG y GIF no son soportados por navegadores antiguos. Los GIF animados son indudablemente más llamativos, pero todavía no son aceptados por Internet Explorer ni Safari. La imagen debe ser de 16×16, 32×32, 48×48, o 64×64 píxeles. Sin embargo, la mayoría de los navegadores los muestran en 16×16 y están empezando a incorporar el tamaño 32×32. Nuestra imagen debe ser lo suficientemente grande y nítida como para que no sufra una pérdida de calidad considerable al ser escalada. Una vez obtenido el archivo, podemos utilizarlo fácilmente a través de la etiqueta link, con diferentes variantes detalladas en Wikipedia. En Sitepoint se agregan otras implementaciones destinadas a sistemas operativos de dispositivos móviles, que utilizan favicons como íconos de acceso a sitios web desde el escritorio.

Aunque a simple vista pueda parecer que el favicon es un detalle insignificante, en realidad es un elemento que puede brindarle a nuestro sitio web distinción y facilidad de reconocimiento.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce