Use an ICO file for favicons

The browsers have been choosing very poorly and have a lot of bugs when
it comes to favicons. Using an ICO makes many browsers choose better in
most cases. Most large websites use ICO files.

The icons in the ICO file needs to be ordered largest to the smallest
icon, and due to a Chrome bug we are limited to 8 icons. This
unfortunately means we couldn't fit one of the Android sizes. The 72x72
icon was removed since testing showed that it was used the least.
This commit is contained in:
Samuel Mannehed
2022-12-22 16:43:44 +01:00
parent 139f087187
commit 6e1d842850
12 changed files with 15 additions and 17 deletions

View File

@@ -17,21 +17,7 @@
<meta charset="utf-8">
<!-- Icons (see app/images/icons/Makefile for what the sizes are for) -->
<link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16.png">
<link rel="icon" sizes="24x24" type="image/png" href="app/images/icons/novnc-24.png">
<link rel="icon" sizes="32x32" type="image/png" href="app/images/icons/novnc-32.png">
<link rel="icon" sizes="48x48" type="image/png" href="app/images/icons/novnc-48.png">
<link rel="icon" sizes="64x64" type="image/png" href="app/images/icons/novnc-64.png">
<link rel="icon" sizes="72x72" type="image/png" href="app/images/icons/novnc-72.png">
<link rel="icon" sizes="96x96" type="image/png" href="app/images/icons/novnc-96.png">
<link rel="icon" sizes="144x144" type="image/png" href="app/images/icons/novnc-144.png">
<link rel="icon" sizes="192x192" type="image/png" href="app/images/icons/novnc-192.png">
<!-- Firefox currently mishandles SVG, see #1419039
<link rel="icon" sizes="any" type="image/svg+xml" href="app/images/icons/novnc-icon.svg">
-->
<!-- Repeated last so that legacy handling will pick this -->
<link rel="icon" sizes="16x16" type="image/png" href="app/images/icons/novnc-16.png">
<link rel="icon" type="image/x-icon" href="app/images/icons/novnc.ico">
<!-- Apple iOS Safari settings -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">