feat(web): Switch all png except favicon to webp format

README.md

@@ -1,5 +1,5 @@
 <div align="center">
-<img src="https://raw.githubusercontent.com/Crosstalk-Solutions/project-nomad/refs/heads/main/admin/public/project_nomad_logo.png" width="200" height="200"/>
+<img src="https://raw.githubusercontent.com/Crosstalk-Solutions/project-nomad/refs/heads/main/admin/public/project_nomad_logo.webp" width="200" height="200"/>
 
 # Project N.O.M.A.D.
 ### Node for Offline Media, Archives, and Data
@@ -144,4 +144,4 @@ sudo bash /opt/project-nomad/update_nomad.sh
 ###### Uninstall Script - Need to start fresh? Use the uninstall script to make your life easy. Note: this cannot be undone!
 ```bash
 curl -fsSL https://raw.githubusercontent.com/Crosstalk-Solutions/project-nomad/refs/heads/main/install/uninstall_nomad.sh -o uninstall_nomad.sh && sudo bash uninstall_nomad.sh
-```
+```

admin/docs/getting-started.md

@@ -10,14 +10,14 @@ If this is your first time using N.O.M.A.D., the Easy Setup wizard will help you
 
 **[Launch Easy Setup →](/easy-setup)**
 
-![Easy Setup Wizard — Step 1: Choose your capabilities](/docs/easy-setup-step1.png)
+![Easy Setup Wizard — Step 1: Choose your capabilities](/docs/easy-setup-step1.webp)
 
 The wizard walks you through four simple steps:
 1. **Capabilities** — Choose what to enable: Information Library, AI Assistant, Education Platform, Maps, Data Tools, and Notes
 2. **Maps** — Select geographic regions for offline maps
 3. **Content** — Choose curated content collections with Essential, Standard, or Comprehensive tiers
 
-![Content tiers — Essential, Standard, and Comprehensive](/docs/easy-setup-tiers.png)
+![Content tiers — Essential, Standard, and Comprehensive](/docs/easy-setup-tiers.webp)
 4. **Review** — Confirm your selections and start downloading
 
 Depending on what you selected, downloads may take a while. You can monitor progress in the Settings area, continue using features that are already installed, or leave your server running overnight for large downloads.
@@ -64,7 +64,7 @@ The Education Platform provides complete educational courses that work offline.
 
 ### AI Assistant — Built-in Chat
 
-![AI Chat interface](/docs/ai-chat.png)
+![AI Chat interface](/docs/ai-chat.webp)
 
 N.O.M.A.D. includes a built-in AI chat interface powered by Ollama. It runs entirely on your server — no internet needed, no data sent anywhere.
 
@@ -90,7 +90,7 @@ N.O.M.A.D. includes a built-in AI chat interface powered by Ollama. It runs enti
 
 ### Knowledge Base — Document-Aware AI
 
-![Knowledge Base upload interface](/docs/knowledge-base.png)
+![Knowledge Base upload interface](/docs/knowledge-base.webp)
 
 The Knowledge Base lets you upload documents so the AI can reference them when answering your questions. It uses semantic search (RAG via Qdrant) to find relevant information from your uploaded files.
 
@@ -115,7 +115,7 @@ The Knowledge Base lets you upload documents so the AI can reference them when a
 
 ### Maps — Offline Navigation
 
-![Offline maps viewer](/docs/maps.png)
+![Offline maps viewer](/docs/maps.webp)
 
 View maps without internet. Download the regions you need before going offline.
 
@@ -148,7 +148,7 @@ As your needs change, you can add more content anytime:
 
 ### Wikipedia Selector
 
-![Content Explorer — browse and download Wikipedia packages and curated collections](/docs/content-explorer.png)
+![Content Explorer — browse and download Wikipedia packages and curated collections](/docs/content-explorer.webp)
 
 N.O.M.A.D. includes a dedicated Wikipedia content management tool for browsing and downloading Wikipedia packages.
 
@@ -161,7 +161,7 @@ N.O.M.A.D. includes a dedicated Wikipedia content management tool for browsing a
 
 ### System Benchmark
 
-![System Benchmark with NOMAD Score and Builder Tag](/docs/benchmark.png)
+![System Benchmark with NOMAD Score and Builder Tag](/docs/benchmark.webp)
 
 Test your hardware performance and see how your NOMAD build stacks up against the community.
 

admin/docs/home.md

@@ -8,7 +8,7 @@ Your personal offline knowledge server is ready to use.
 
 Think of it as having Wikipedia, Khan Academy, an AI assistant, and offline maps all in one place, running on hardware you control.
 
-![Command Center Dashboard](/docs/dashboard.png)
+![Command Center Dashboard](/docs/dashboard.webp)
 
 ## What Can You Do?
 

admin/inertia/components/BouncingLogo.tsx

@@ -31,7 +31,7 @@ const FadingImage = ({  alt = "Fading image", className = "" }) => {
       isVisible ? 'opacity-100' : 'opacity-0'
     }`}>
       <img
-        src={`/project_nomad_logo.png`}
+        src={`/project_nomad_logo.webp`}
         alt={alt}
         className={`w-64 h-64 ${className}`}
       />

admin/inertia/components/StyledSidebar.tsx

@@ -55,7 +55,7 @@ const StyledSidebar: React.FC<StyledSidebarProps> = ({ title, items }) => {
     return (
       <div className="flex grow flex-col gap-y-5 overflow-y-auto bg-desert-sand px-6 ring-1 ring-white/5 pt-4 shadow-md">
         <div className="flex h-16 shrink-0 items-center">
-          <img src="/project_nomad_logo.png" alt="Project Nomad Logo" className="h-16 w-16" />
+          <img src="/project_nomad_logo.webp" alt="Project Nomad Logo" className="h-16 w-16" />
           <h1 className="ml-3 text-xl font-semibold text-text-primary">{title}</h1>
         </div>
         <nav className="flex flex-1 flex-col">

admin/inertia/components/chat/ChatSidebar.tsx

@@ -89,7 +89,7 @@ export default function ChatSidebar({
         )}
       </div>
       <div className="p-4 flex flex-col items-center justify-center gap-y-2">
-        <img src="/project_nomad_logo.png" alt="Project Nomad Logo" className="h-28 w-28 mb-6" />
+        <img src="/project_nomad_logo.webp" alt="Project Nomad Logo" className="h-28 w-28 mb-6" />
         <StyledButton
           onClick={() => {
             if (isInModal) {

admin/inertia/layouts/AppLayout.tsx

@@ -25,7 +25,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
         className="p-2 flex gap-2 flex-col items-center justify-center cursor-pointer"
         onClick={() => (window.location.href = '/home')}
       >
-        <img src="/project_nomad_logo.png" alt="Project Nomad Logo" className="h-40 w-40" />
+        <img src="/project_nomad_logo.webp" alt="Project Nomad Logo" className="h-40 w-40" />
         <h1 className="text-5xl font-bold text-desert-green">Command Center</h1>
       </div>
       <hr className={

admin/inertia/pages/settings/support.tsx

@@ -42,7 +42,7 @@ export default function SupportPage() {
               className="block mb-4 rounded-lg overflow-hidden hover:opacity-90 transition-opacity"
             >
               <img
-                src="/rogue-support-banner.png"
+                src="/rogue-support-banner.webp"
                 alt="Rogue Support — Conquer Your Home Network"
                 className="w-full"
               />

admin/resources/views/inertia_layout.edge

@@ -32,4 +32,4 @@
   @inertia()
 </body>
 
-</html>
+</html>