Webp background image. Add white-background logo for future.

web/components/header.tsx

@@ -70,7 +70,7 @@ export function Header(props: { darkBackground?: boolean }) {
               <Link href="/">
                 <a className="flex flex-row items-center align-items-center h-6 sm:h-10">
                   <div className="inline-block mr-3">
-                    <img className="h-6 sm:h-10" src="/logo-icon.svg" />
+                    <img className="h-6 sm:h-10" src="/logo-icon.svg" width={96} height={96} />
                   </div>
                   <span
                     className={clsx(

web/tailwind.config.js

@@ -14,7 +14,7 @@ module.exports = {
     ),
     extend: {
       backgroundImage: {
-        'world-trading': "url('/world-trading-background.jpg')",
+        'world-trading': "url('/world-trading-background.webp')",
       },
     },
   },