updated image uri and format

webviewer/gatsby-config.js

@@ -1,9 +1,9 @@
 /** @type {import('gatsby').GatsbyConfig} */
 module.exports = {
   siteMetadata: {
-    title: ``,
+    title: `Anime Girls Holding Programming Books`,
     siteUrl: `https://www.yourdomain.tld`,
-    pathPrefix: '/Anime-Girls-Holding-Programming-Books',
+    pathPrefix: '/Anime-Girls-Holding-Programming-Books/',
   },
   plugins: [
     'gatsby-plugin-postcss',

webviewer/package.json

@@ -13,7 +13,7 @@
     "serve": "gatsby serve",
     "clean": "gatsby clean",
     "typecheck": "tsc --noEmit",
-    "deploy": "gatsby build --prefix-paths && gh-pages -d public"
+    "deploy": "gatsby build --prefix-paths && gh-pages -d public --dest ../docs --branch web/prod"
   },
   "dependencies": {
     "@mdx-js/mdx": "^1.6.22",

webviewer/src/hooks/useAnimeImages.ts

@@ -18,7 +18,7 @@ const useAnimeImages = (): AllImages => {
               gatsbyImageData(
                 width: 800
                 placeholder: TRACED_SVG
-                formats: [AUTO, JPG, PNG, AVIF]
+                formats: [AUTO, PNG, AVIF]
               )
               original {
                 src