Image optamization

PleatherStarfish · Dec 30, 2024 · e2afc48 · e2afc48
1 parent 6b30bae
commit e2afc48
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/backend/static/images/circuit-board-small.jpg b/backend/static/images/circuit-board-small.jpg
diff --git a/backend/static/images/circuit-board-small.webp b/backend/static/images/circuit-board-small.webp
diff --git a/backend/templates/pages/home.html b/backend/templates/pages/home.html
@@ -9,8 +9,9 @@
   <!-- Header Section with Circuit Board Image Background -->
     <div id="parallax-container" class="relative w-full h-[295px] lg:h-[408px] header-section overflow-hidden border border-gray-300">
       <picture>
-        <source srcset="{% static 'images/circuit-board.webp' %}" type="image/webp">
-        <img style="max-width:none;" id="parallax-image" src="{% static 'images/circuit-board.jpg' %}" alt="Circuit board background" class="object-custom-center" loading="lazy">>
+        <source srcset="{% static 'images/circuit-board-small.webp' %}" type="image/webp">
+        <source srcset="{% static 'images/circuit-board-small.jpg' %}" type="image/jpg">
+        <img style="max-width:none;" id="parallax-image" src="{% static 'images/circuit-board-small.webp' %}" alt="Circuit board background" class="object-custom-center">
       </picture>
       <div style="opacity: 0.85" class="absolute inset-0 flex items-center justify-center h-screen bg-white"></div>
       <div class="absolute inset-0 flex items-center justify-center">