diff --git a/quartz/build.ts b/quartz/build.ts
index 4146aae..bb8c66a 100644
--- a/quartz/build.ts
+++ b/quartz/build.ts
@@ -38,7 +38,11 @@ async function compressImages(inputDir, outputDir) {
     files.map(async (file) => {
       const inputFilePath = path.join(inputDir, file);
       const relativeOutputPath = path.relative(inputDir, inputFilePath);
-      const outputWebpPath = path.join(outputDir, relativeOutputPath.replace(/\.(jpg|png)$/, '.webp'));
+      const outputWebpPath = path.join(
+        outputDir,
+        relativeOutputPath.replace(/\.(jpg|png)$/, '.webp')
+                            .replace(/\s+/g, '-') // Replace spaces with hyphens
+      );
 
       try {
         // Check if the output WebP file already exists