From 308c63df16ddcbce4757b47a92ef66070185ae4c Mon Sep 17 00:00:00 2001
From: martin <74269598+martabal@users.noreply.github.com>
Date: Wed, 17 May 2023 16:20:32 +0200
Subject: [PATCH] fix(web): use correct favicon sizes (#2446)

* fix(web): use correct favicon sizes

Signed-off-by: martin <martin.labat92@gmail.com>

* fix: format

Signed-off-by: martin <martin.labat92@gmail.com>

---------

Signed-off-by: martin <martin.labat92@gmail.com>
---
 .../assets/{apple => favicon}/apple-icon-180.png | Bin
 web/src/lib/assets/favicon/favicon-16.png        | Bin 0 -> 826 bytes
 web/src/lib/assets/favicon/favicon-32.png        | Bin 0 -> 2243 bytes
 web/src/lib/assets/favicon/favicon-96.png        | Bin 0 -> 9808 bytes
 web/src/lib/assets/{ => favicon}/favicon.png     | Bin
 .../shared-components/apple-header.svelte        |   2 --
 .../shared-components/favicon-header.svelte      |  11 +++++++++++
 web/src/routes/+layout.svelte                    |   4 ++--
 8 files changed, 13 insertions(+), 4 deletions(-)
 rename web/src/lib/assets/{apple => favicon}/apple-icon-180.png (100%)
 create mode 100644 web/src/lib/assets/favicon/favicon-16.png
 create mode 100644 web/src/lib/assets/favicon/favicon-32.png
 create mode 100644 web/src/lib/assets/favicon/favicon-96.png
 rename web/src/lib/assets/{ => favicon}/favicon.png (100%)
 create mode 100644 web/src/lib/components/shared-components/favicon-header.svelte

diff --git a/web/src/lib/assets/apple/apple-icon-180.png b/web/src/lib/assets/favicon/apple-icon-180.png
similarity index 100%
rename from web/src/lib/assets/apple/apple-icon-180.png
rename to web/src/lib/assets/favicon/apple-icon-180.png
diff --git a/web/src/lib/assets/favicon/favicon-16.png b/web/src/lib/assets/favicon/favicon-16.png
new file mode 100644
index 0000000000000000000000000000000000000000..4233a3c0971c7267847418b0bf6eac98ea524dd8
GIT binary patch
literal 826
zcmV-A1I7G_P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00094Nkl<Zc${^U
z+iP596vcnvxy_u+tz$AVokXin@K)Oh#vx)D+dhnlQc$cGYB3ZPD?W<kFDQAp7Hg?5
z=A|mA3ECK9QXws9wTVcHNzfS5CdW)O)461B=R4=~A*pE9{j?v}TCf-U2e*w<Dx;Jd
zR#L9WLSD*3UMeY9lv2Y=sm$$q@i$`x7{YBHYkqbvSeY6}ZsY(kS`&o#XR)4txsGXl
z2n-4#%6|oHn?D7z^5-k8zjg!+9niMpeUOsG>5nmc_5zFpFA5>bw-iHa>1NjX=zFSb
zE_!=AnjOMQwPU5WcD=0=A-{nu2ca~Y1%?2GQmWt0RVLRym^R%?9eqcHwv>b2IfrYf
zw@#?eP%qkq?GvzBgkTu@zH<pZd_V(^H)d8%xmib8CM|XeqrH_{+W_n5!#HCRyw<~9
z>PfQ{NP`YED&V|t0>?GKA@`LQ)<D-VEvR>e8QOS?6B9A81xC=L`0h!1&rYzSzl3YW
zwwiOsK$iAtvQ+DEOEnN0L0ht9Cpkasv(SjL{Mh5fcX_C_Uy)yaPBa&wV5hcPtF1zP
zwZjm`c8{(Ho=1<pPXF#Cx#kbt*cry^a0vA&R4GH@{=2!$X@U<30h)zj#zRixxjo67
zbAPZ9jPpoD<KEa8d^<maw%ElpJ1!FLy^7b>%ci@V-y_cwi}YaJ`82fL=V-tMdv7PF
z^oMx+r#40x!|c(L=(>f{0|Yez*yQ9Be7$^$SFbMeP9=@M^C-Xtp_J;+mHf#gCo5*H
z;S;a~uXLAr^1(9kV36w~O0~Jc$n{w!@}E$bO+r=+qX$p92|Iqk5JF5VrOq7AMBh9;
zRzQ<*_LnG=*TVGe@>#y)D=y!-Ox|4vC2)Poz@smau;XWh5Yxu?Ck_tu(=EMtc6h3Y
z?|aPU1!g2bHS{Cbs`HqdiJ=?3l|ITF4;&f?2LBVLi}Ui>$c!KS&1v%b{uUasDc+ks
zM|bNz97<*DnPl%jVEWhG!nsuQR+LgwDJ6@I^8e!eCkR<tPT)E96951J07*qoM6N<$
Ef@2kl9smFU

literal 0
HcmV?d00001

diff --git a/web/src/lib/assets/favicon/favicon-32.png b/web/src/lib/assets/favicon/favicon-32.png
new file mode 100644
index 0000000000000000000000000000000000000000..20f8d345fad66376d33e0c1aee9984f866d21e78
GIT binary patch
literal 2243
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
RXTbmf002ovPDHLkV1iE|D0u(?

literal 0
HcmV?d00001

diff --git a/web/src/lib/assets/favicon/favicon-96.png b/web/src/lib/assets/favicon/favicon-96.png
new file mode 100644
index 0000000000000000000000000000000000000000..8095377f391612e893cad299b6c97bf01dad87dd
GIT binary patch
literal 9808
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

literal 0
HcmV?d00001

diff --git a/web/src/lib/assets/favicon.png b/web/src/lib/assets/favicon/favicon.png
similarity index 100%
rename from web/src/lib/assets/favicon.png
rename to web/src/lib/assets/favicon/favicon.png
diff --git a/web/src/lib/components/shared-components/apple-header.svelte b/web/src/lib/components/shared-components/apple-header.svelte
index 182b6a48aa..11079a9892 100644
--- a/web/src/lib/components/shared-components/apple-header.svelte
+++ b/web/src/lib/components/shared-components/apple-header.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import appleIcon180 from '$lib/assets/apple/apple-icon-180.png';
 	import appleSplash20482732 from '$lib/assets/apple/apple-splash-2048-2732.png';
 	import appleSplash27322048 from '$lib/assets/apple/apple-splash-2732-2048.png';
 	import appleSplash16682388 from '$lib/assets/apple/apple-splash-1668-2388.png';
@@ -32,7 +31,6 @@
 	import appleSplash1136640 from '$lib/assets/apple/apple-splash-1136-640.png';
 </script>
 
-<link rel="apple-touch-icon" href={appleIcon180} />
 <link
 	rel="apple-touch-startup-image"
 	href={appleSplash20482732}
diff --git a/web/src/lib/components/shared-components/favicon-header.svelte b/web/src/lib/components/shared-components/favicon-header.svelte
new file mode 100644
index 0000000000..9555a04b23
--- /dev/null
+++ b/web/src/lib/components/shared-components/favicon-header.svelte
@@ -0,0 +1,11 @@
+<script lang="ts">
+	import IconAppleTouch180 from '$lib/assets/favicon/apple-icon-180.png';
+	import Icon16 from '$lib/assets/favicon/favicon-16.png';
+	import Icon32 from '$lib/assets/favicon/favicon-32.png';
+	import Icon96 from '$lib/assets/favicon/favicon-96.png';
+</script>
+
+<link rel="icon" type="image/png" sizes="16x16" href={Icon16} />
+<link rel="icon" type="image/png" sizes="32x32" href={Icon32} />
+<link rel="icon" type="image/png" sizes="96x96" href={Icon96} />
+<link rel="apple-touch-icon" sizes="180x180" href={IconAppleTouch180} />
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
index 69c8a96b60..ea56316587 100644
--- a/web/src/routes/+layout.svelte
+++ b/web/src/routes/+layout.svelte
@@ -8,12 +8,12 @@
 	import UploadPanel from '$lib/components/shared-components/upload-panel.svelte';
 	import NotificationList from '$lib/components/shared-components/notification/notification-list.svelte';
 	import VersionAnnouncementBox from '$lib/components/shared-components/version-announcement-box.svelte';
-	import faviconUrl from '$lib/assets/favicon.png';
 	import type { LayoutData } from './$types';
 	import { fileUploadHandler } from '$lib/utils/file-uploader';
 	import UploadCover from '$lib/components/shared-components/drag-and-drop-upload-overlay.svelte';
 	import FullscreenContainer from '$lib/components/shared-components/fullscreen-container.svelte';
 	import AppleHeader from '$lib/components/shared-components/apple-header.svelte';
+	import FaviconHeader from '$lib/components/shared-components/favicon-header.svelte';
 
 	let showNavigationLoadingBar = false;
 	export let data: LayoutData;
@@ -42,9 +42,9 @@
 
 <svelte:head>
 	<title>{$page.data.meta?.title || 'Web'} - Immich</title>
-	<link rel="icon" href={faviconUrl} />
 	<link rel="manifest" href="/manifest.json" />
 	<meta name="theme-color" content="currentColor" />
+	<FaviconHeader />
 	<AppleHeader />
 
 	{#if $page.data.meta}