favicons

Tiny website icons

Favicons are the small icons displayed in browser tabs, bookmarks, and address bars to identify websites.

The term combines "favorite" and "icon," from the original use in browser bookmark lists.

A favicon helps users quickly locate tabs among many open windows: The site's favicon is a tiny blue bird.

Most are 16×16 or 32×32 pixels.

web

browser

Web access program

  • FirefoxMozilla's web navigator
  • SafariApple's web browser
  • tabProjection for gripping

address · bar · bookmarks · toolbar · history · pinned · tiles · homepage · navigation · URL

design

branding

Creating distinctive identity

graphic · miniature · symbol · visual · recognition · simplicity · contrast · scalability · vector · color

technical

browser

Web access program

pixel · PNG · shortcut · metadata · HTML · head · link · size · resolution · manifest

format

PNG

Lossless web graphics format

  • SVGVector image file standard
  • GIFAnimated image format
  • JPEGLossy photo compression standard

manifest · JSON · bitmap · raster · vector · transparency · dimensions · multisize · compression · optimization

function

identification

Establishing who someone is

bookmarking · pinning · shortcut · accessibility · usability · trust · professionalism · credibility · memorability · differentiation

Opposites
scale/size of branding elements

faviconssplash screens

Initial app loading displays

visibility/prominence

faviconssplash pages

Full-page comic panels

Family

favicon

Familiarity
Top 500,000
Profile
Used worldwide · Concrete · Rated G