Compress hero image to improve SEO (#65)

This commit is contained in:
Andrew Gentry
2025-11-26 18:05:12 -05:00
committed by GitHub
parent fa40e76986
commit c93d2a6bcf
4 changed files with 2 additions and 1 deletions

View File

@@ -2,6 +2,7 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-icon-72x72.png">

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 MiB

BIN
webapp/public/hero.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 866 KiB

View File

@@ -148,7 +148,7 @@
<style> <style>
.hero-section { .hero-section {
background: url('/hero.jpg') no-repeat center center; background: url('/hero.webp') no-repeat center center;
background-size: cover; background-size: cover;
color: white; color: white;
padding: 60px 0 50px 0 !important; padding: 60px 0 50px 0 !important;