diff --git a/packages/replay/src/replay.ts b/packages/replay/src/replay.ts
index 0085c44c6eb8..d0dc3097bcf6 100644
--- a/packages/replay/src/replay.ts
+++ b/packages/replay/src/replay.ts
@@ -343,7 +343,10 @@ export class ReplayContainer implements ReplayContainerInterface {
         ...(canvas && {
           recordCanvas: true,
           sampling: { canvas: canvas.fps || 4 },
-          dataURLOptions: { quality: canvas.quality || 0.6 },
+          dataURLOptions: {
+            type: canvas.type || 'image/webp',
+            quality: canvas.quality || 0.6,
+          },
           getCanvasManager: canvas.manager,
         }),
       });
diff --git a/packages/replay/src/types/replay.ts b/packages/replay/src/types/replay.ts
index d854f258c073..fb1f91c0e1a9 100644
--- a/packages/replay/src/types/replay.ts
+++ b/packages/replay/src/types/replay.ts
@@ -235,6 +235,7 @@ export interface ReplayPluginOptions extends ReplayNetworkOptions {
     canvas: {
       fps?: number;
       quality?: number;
+      type?: string;
       manager: (options: GetCanvasManagerOptions) => CanvasManagerInterface;
     };
   }>;