includes/style.less

@@ -120,6 +120,10 @@ textarea {
     position: relative;
 }
 
+#crop canvas {
+    height: 32vh;
+}
+
 #preview {
     width: 256px;
     height: 256px;

script.js

@@ -78,7 +78,7 @@ async function run() {
     const textareaGameDataInput  = el("game-data");
     const textareaGameDataOutput = el("output");
 
-    const cropper = new Cropper({ width: 192, height: 192 });
+    const cropper = new Cropper({ width: 128, height: 128 });
     let cropperRendered = false;
 
     // hide all pages except start page

src/lib.rs

@@ -83,7 +83,6 @@ pub fn load_image(image_base64: String) -> String {
         Ok(image) => {
             match image::load_from_memory(image.as_ref()) {
                 Ok(image) => {
-                    let image = image.resize(128, 128, CatmullRom);
                     state.image = Some(image);
                     "OK"
                 },