diff --git a/examples/two-layers.html b/examples/two-layers.html
index 3e23234af5..2ef70164e2 100644
--- a/examples/two-layers.html
+++ b/examples/two-layers.html
@@ -21,7 +21,7 @@
       <tr>
         <th>DOM</th>
         <th>WebGL</th>
-        <th>Canvas <a id="canvas-export" href="#" download="map.png">export map as png</a></th>
+        <th>Canvas <a id="canvas-export" href="#" download="map.jpeg">export map as jpeg</a></th>
       </tr>
       <tr>
         <td><div id="domMap" class="map"></div></td>
diff --git a/examples/two-layers.js b/examples/two-layers.js
index 9d8b66ec71..884f8db98f 100644
--- a/examples/two-layers.js
+++ b/examples/two-layers.js
@@ -50,5 +50,5 @@ canvasMap.bindTo('layers', webglMap);
 canvasMap.bindTo('view', webglMap);
 
 goog.events.listen(goog.dom.getElement('canvas-export'), 'click', function(e) {
-  e.target.href = canvasMap.getRenderer().getCanvas().toDataURL();
+  e.target.href = canvasMap.getRenderer().getCanvas().toDataURL('image/jpeg');
 });