search

ucsb / webguide

Repository for the UCSB WSG Webguide hosted on Github using Jekyll.
https://webguide.ucsb.edu
BSD 3-Clause "New" or "Revised" License
7 stars 7 forks source link

Migrate "Favicon and Touch Icons" #397

Closed loganfranken closed 3 years ago

loganfranken commented 4 years ago

384

Legacy Page https://webguide.ucsb.edu/favicon-and-touch-icons/

Location in New Hierarchy https://dev-webguide-ucsb-edu-v01.pantheonsite.io/content/overview

Not entirely sure if this should go on some kind of "General" page? Or if it makes sense on the "Overview"?

The information still appears to be relevant.

A "favicon" will generally appear near a browser's address bar when a user is visiting your website.

However, these icons can appear in a number of places beyond the address bar, including alongside the website's name on a browser tab and on the "home screens" of mobile devices. As a result, the favicon should provide a simple and straightforward visual cue to help a user quickly identify your website amongst other websites.

At the very least, the Web Standards Group recommends creating a favicon.ico file and placing it in the root directory of your website (this particular icon does not need to be specified with a meta tag in the HTML).

This favicon.ico file should contain two images of different sizes: 16x16 and 32x32.

This provides a bare level of support for browsers and devices.

To create a better user experience across a number of platforms, including varying pixel densities, devices, and operating systems, refer to the open-source favicon cheat sheet.

loganfranken commented 3 years ago

I went ahead and plopped it here: https://dev-webguide-ucsb-edu-v01.pantheonsite.io/favicon-and-touch-icons