feat: add multi-resolution favicons

Added various favicon sizes to enhance cross-platform support, improve visual quality on different devices, and align with Open Graph and Apple touch icon requirements. Updated the index file to reference new icons and ensure tile images and OG image use higher resolution favicons for better appearance. This update may affect how icons are displayed across different platforms.
This commit is contained in:
Kumi 2024-10-20 21:24:15 +02:00
parent 9172d19d94
commit c1a0da1fa0
Signed by: kumi
GPG key ID: ECBCC9082395383F
13 changed files with 31 additions and 3 deletions

BIN
img/favicon-114x114.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
img/favicon-120x120.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
img/favicon-128x128.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
img/favicon-144x144.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

BIN
img/favicon-152x152.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
img/favicon-16x16.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 952 B

BIN
img/favicon-196x196.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
img/favicon-57x57.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
img/favicon-60x60.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
img/favicon-72x72.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

BIN
img/favicon-76x76.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
img/favicon-96x96.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

View file

@ -13,15 +13,43 @@
<meta property="og:title" content="<?php echo $page_title; ?>" />
<meta property="og:description" content="<?php echo $meta_description; ?>" />
<meta property="og:image" content="<?php echo $parentUrl; ?>/img/favicon-32x32.png" />
<meta property="og:image" content="<?php echo $parentUrl; ?>/img/favicon-196x196.png" />
<meta property="og:type" content="website" />
<link rel="apple-touch-icon-precomposed" sizes="196x196" href="img/favicon-196x196.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="img/favicon-152x152.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/favicon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="img/favicon-128x128.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="img/favicon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/favicon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="96x96" href="img/favicon-96x96.png" />
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="img/favicon-76x76.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/favicon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="64x64" href="img/favicon-64x64.png" />
<link rel="apple-touch-icon-precomposed" sizes="60x60" href="img/favicon-60x60.png" />
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="img/favicon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="32x32" href="img/favicon-32x32.png" />
<link rel="apple-touch-startup-image" href="img/favicon-32x32.png" />
<link rel="apple-touch-icon-precomposed" sizes="16x16" href="img/favicon-16x16.png" />
<link rel="apple-touch-startup-image" href="img/favicon-196x196.png" />
<link rel="icon" type="image/png" href="img/favicon-196x196.png" sizes="196x196" />
<link rel="icon" type="image/png" href="img/favicon-152x152.png" sizes="152x152" />
<link rel="icon" type="image/png" href="img/favicon-144x144.png" sizes="144x144" />
<link rel="icon" type="image/png" href="img/favicon-128x128.png" sizes="128x128" />
<link rel="icon" type="image/png" href="img/favicon-120x120.png" sizes="120x120" />
<link rel="icon" type="image/png" href="img/favicon-114x114.png" sizes="114x114" />
<link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="img/favicon-76x76.png" sizes="76x76" />
<link rel="icon" type="image/png" href="img/favicon-72x72.png" sizes="72x72" />
<link rel="icon" type="image/png" href="img/favicon-64x64.png" sizes="64x64" />
<link rel="icon" type="image/png" href="img/favicon-60x60.png" sizes="60x60" />
<link rel="icon" type="image/png" href="img/favicon-57x57.png" sizes="57x57" />
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16" />
<meta name="application-name" content="Moner.ooo" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="msapplication-TileImage" content="img/favicon-32x32.png" />
<meta name="msapplication-TileImage" content="img/favicon-196x196.png" />
<meta name="theme-color" content="#193e4c" />
<meta name="apple-mobile-web-app-title" content="Moner.ooo" />
<meta name="apple-mobile-web-app-status-bar-style" content="#193e4c" />