Enhance favicon support with multiple sizes and fallback for improved display across devices

This commit is contained in:
Fabian Schieder 2026-03-01 17:43:14 +01:00
parent 0d9e5f979c
commit 1a3e5befee
4 changed files with 25 additions and 4 deletions

View File

@ -7,6 +7,15 @@ http_response_code(404);
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seite nicht gefunden · Fabian Schieder</title>
<!-- Favicons: mehrere Größen + /favicon.ico Fallback (Browser-Caching) -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="16x16">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="32x32">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="48x48">
<link rel="apple-touch-icon" href="/icons/favicon.png" sizes="180x180">
<link rel="stylesheet" href="/style.css">
<style>
body {

View File

@ -7,6 +7,15 @@ http_response_code(503);
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dienst nicht verfügbar · Fabian Schieder</title>
<!-- Favicons: mehrere Größen + /favicon.ico Fallback (Browser-Caching) -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="16x16">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="32x32">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="48x48">
<link rel="apple-touch-icon" href="/icons/favicon.png" sizes="180x180">
<link rel="stylesheet" href="/style.css">
<style>
body {

0
favicon.ico Normal file
View File

View File

@ -5,11 +5,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fabian Schieder</title>
<!-- Favicons: mehrere Größen, damit es überall scharf/gleich aussieht -->
<link rel="icon" href="/icons/favicon.png" type="image/png">
<!-- Favicons: mehrere Größen + /favicon.ico Fallback (Browser-Caching) -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="16x16">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="32x32">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="64x64">
<link rel="apple-touch-icon" href="/icons/favicon.png" sizes="360x360">
<link rel="icon" href="/icons/favicon.png" type="image/png" sizes="48x48">
<link rel="apple-touch-icon" href="/icons/favicon.png" sizes="180x180">
<link rel="stylesheet" href="/style.css">
</head>