diff --git a/src/backend/model/fileprocessing/PhotoProcessing.ts b/src/backend/model/fileprocessing/PhotoProcessing.ts
index 3627bf95..a0b88de0 100644
--- a/src/backend/model/fileprocessing/PhotoProcessing.ts
+++ b/src/backend/model/fileprocessing/PhotoProcessing.ts
@@ -121,7 +121,7 @@ export class PhotoProcessing {
     return path.join(
       ProjectPath.TranscodedFolder,
       ProjectPath.getRelativePathToImages(path.dirname(mediaPath)),
-      file + '_' + size + '.jpg'
+      file + '_' + size + '.webp'
     );
   }
 
@@ -146,7 +146,7 @@ export class PhotoProcessing {
         .digest('hex') +
         '_' +
         size +
-        '.jpg'
+        '.webp'
     );
   }
 
diff --git a/src/backend/model/threading/PhotoWorker.ts b/src/backend/model/threading/PhotoWorker.ts
index 312fed29..ebe30863 100644
--- a/src/backend/model/threading/PhotoWorker.ts
+++ b/src/backend/model/threading/PhotoWorker.ts
@@ -161,7 +161,7 @@ export class ImageRendererFactory {
           fit: 'cover',
         });
       }
-      await image.withMetadata().jpeg().toFile(input.outPath);
+      await image.withMetadata().webp({effort: 6, quality: 60}).toFile(input.outPath);
     };
   }
 }