diff --git a/webviewer/gatsby-config.js b/webviewer/gatsby-config.js
index 67e36d0a..dd939053 100644
--- a/webviewer/gatsby-config.js
+++ b/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',
diff --git a/webviewer/package.json b/webviewer/package.json
index 55e8966d..0c497de9 100644
--- a/webviewer/package.json
+++ b/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",
diff --git a/webviewer/src/hooks/useAnimeImages.ts b/webviewer/src/hooks/useAnimeImages.ts
index 778e6401..9f988e55 100644
--- a/webviewer/src/hooks/useAnimeImages.ts
+++ b/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