diff --git a/web/apps/photos/src/services/face/f-index.ts b/web/apps/photos/src/services/face/f-index.ts
index eb10c728d4..3baa7cc332 100644
--- a/web/apps/photos/src/services/face/f-index.ts
+++ b/web/apps/photos/src/services/face/f-index.ts
@@ -8,7 +8,6 @@ import { Box, Dimensions, Point, enlargeBox } from "services/face/geom";
 import {
     Face,
     FaceAlignment,
-    FaceCrop,
     FaceDetection,
     FaceEmbedding,
     type MlFileData,
@@ -663,15 +662,13 @@ const relativeDetection = (
 };
 
 export const saveFaceCrop = async (imageBitmap: ImageBitmap, face: Face) => {
-    const faceCrop = getFaceCrop(imageBitmap, face.detection);
-
-    const blob = await imageBitmapToBlob(faceCrop.image);
+    const faceCrop = extractFaceCrop(imageBitmap, face.detection);
+    const blob = await imageBitmapToBlob(faceCrop);
+    faceCrop.close();
 
     const cache = await blobCache("face-crops");
     await cache.put(face.id, blob);
 
-    faceCrop.image.close();
-
     return blob;
 };
 
@@ -681,10 +678,10 @@ const imageBitmapToBlob = (imageBitmap: ImageBitmap) => {
     return canvas.convertToBlob({ type: "image/jpeg", quality: 0.8 });
 };
 
-const getFaceCrop = (
+const extractFaceCrop = (
     imageBitmap: ImageBitmap,
     faceDetection: FaceDetection,
-): FaceCrop => {
+): ImageBitmap => {
     const alignment = faceAlignment(faceDetection);
 
     const padding = 0.25;
@@ -698,15 +695,10 @@ const getFaceCrop = (
     }).round();
     const scaleForPadding = 1 + padding * 2;
     const paddedBox = enlargeBox(alignmentBox, scaleForPadding).round();
-    const faceImageBitmap = cropWithRotation(imageBitmap, paddedBox, 0, {
+    return cropWithRotation(imageBitmap, paddedBox, 0, {
         width: maxSize,
         height: maxSize,
     });
-
-    return {
-        image: faceImageBitmap,
-        imageBox: paddedBox,
-    };
 };
 
 export function cropWithRotation(