WEBVTT

00:00:00.000 --> 00:00:06.000
What is the little icon beside a browser tab?

00:00:06.000 --> 00:00:13.000
A favicon helps identify a website in a small space.

00:00:13.000 --> 00:00:18.000
Make the small mark recognisable.
6 favicon checks.

00:00:18.000 --> 00:00:30.000
Start with the small icon
Browsers can show a website icon in tabs and bookmarks.
Browser tab · Bookmark · Website identity

00:00:30.000 --> 00:00:42.000
Use a simple brand mark
Tiny text and complicated details can become unreadable.
Simple shape · Recognisable mark · Clear silhouette

00:00:42.000 --> 00:00:54.000
Prepare a suitable square
The artwork needs enough resolution for its intended uses.
Square proportions · Suitable resolution · Clean artwork

00:00:54.000 --> 00:01:06.000
Add the correct reference
The page must point browsers to the icon resource.
Icon file · Page reference · Working address

00:01:06.000 --> 00:01:18.000
Test an actual browser tab
Check the small result against different browser backgrounds.
Tiny display · Light background · Dark background

00:01:18.000 --> 00:01:30.000
Allow for cached icons
Updates may take time to appear; search display is not guaranteed.
Cached browser icon · Recrawl timing · No display promise

00:01:30.000 --> 00:01:39.000
Your checklist
Start with the small icon · Use a simple brand mark · Prepare a suitable square · Add the correct reference · Test an actual browser tab · Allow for cached icons

00:01:39.000 --> 00:01:47.000
Keep the mark simple and check the small version.
jerseyweb.je