use webp for hero assets

teambtcmap · Feb 5, 2024 · 04ccac0 · 04ccac0
1 parent 920cf1e
commit 04ccac0
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 3 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -78,8 +78,8 @@
 			{#if typeof window !== 'undefined'}
 				<img
 					src={detectTheme() === 'dark' || $theme === 'dark'
-						? '/images/hero-mobile-example-dark.png'
-						: '/images/hero-mobile-example.png'}
+						? '/images/hero-mobile-example-dark.webp'
+						: '/images/hero-mobile-example.webp'}
 					alt="mobile example"
 					class="mx-auto mt-10 w-80 drop-shadow-2xl xl:mx-0 xl:mt-0"
 				/>

diff --git a/src/routes/media/+page.svelte b/src/routes/media/+page.svelte
@@ -4,7 +4,7 @@
 	const brandColors = ['#10B981', '#53C5D5', '#051173', '#0891B2', '#E4EBEC', '#164E63', '#155E75'];
 
 	const brand = [
-		{ link: '/images/hero-mobile-example.png', name: 'App Screenshot' },
+		{ link: '/images/hero-mobile-example.webp', name: 'App Screenshot' },
 		{ link: '/images/logo.svg', name: 'BTC Map Logo' },
 		{ link: '/images/supertagger.svg', name: 'Shadowy Supertagger' },
 		{ link: '/images/supertagger-king.svg', name: 'Shadowy Supertagger - Leader' }

diff --git a/static/images/hero-mobile-example-dark.png b/static/images/hero-mobile-example-dark.png
diff --git a/static/images/hero-mobile-example-dark.webp b/static/images/hero-mobile-example-dark.webp
diff --git a/static/images/hero-mobile-example.png b/static/images/hero-mobile-example.png
diff --git a/static/images/hero-mobile-example.webp b/static/images/hero-mobile-example.webp