diff --git a/examples/browser/js/control.js b/examples/browser/js/control.js
index 8b578b7..fb8da3a 100644
--- a/examples/browser/js/control.js
+++ b/examples/browser/js/control.js
@@ -279,11 +279,13 @@ $(document).ready(function () {
                 });
 
 				$("#snapshot").on("click",function() {
-					match.viewControl("takeSnapshot")
+					match.viewControl("takeSnapshot",{
+						format: "jpeg"
+					})
 						.then((snapshot)=>{
 							var a = document.createElement("a");
 							a.href = snapshot;
-							a.setAttribute("download",gameName+".png");
+							a.setAttribute("download",gameName+".jpg");
 							a.click();
 						})
 						.catch((error)=>{
diff --git a/src/browser/jocly.xd-view.js b/src/browser/jocly.xd-view.js
index 665360e..5307451 100644
--- a/src/browser/jocly.xd-view.js
+++ b/src/browser/jocly.xd-view.js
@@ -2777,7 +2777,7 @@ if(window.JoclyXdViewCleanup)
 					if(threeCtx) {
 						var canvas = threeCtx.renderer.domElement;
 						threeCtx.renderer.render( threeCtx.scene, threeCtx.camera );
-						resolve(canvas.toDataURL("image/png"));
+						resolve(canvas.toDataURL("image/"+(options.format || "png")));
 					} else
 						reject(new Error("Snapshot only available on 3D views"));
 					break;