ImagesLesson 97Free preview
Favicon
This lesson is part of How To · All levels
Summary
Favicon is a small icon that represents a site and appears in the browser tabs, bookmarks, and history tabs. This icon is inserted into the head element via the link tag with the rel="icon". By providing the right size and format, the favicon remains sharp on both regular and high-resolution screens.
Key points
- Favicon is declared in the head using <link rel="icon" href="...">.
- Commonly used formats are .ico, .png, and .svg.
- Attributes of sizes help the browser select the appropriate icon file.
- Several sizes are provided to sharp icons on devices with different pixel densities.
- Favicon is also used when a site is saved as a bookmark or shortcut.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.