這個頁面的程式碼沒跑起來。 直接從資料夾裡開啟 index.html，瀏覽器會攔下 JavaScript 模組，於是你選好圖片之後，頁面不會有任何反應。改用 http 把這個資料夾提供出去：
powershell -ExecutionPolicy Bypass -File serve.ps1 然後開啟 http://localhost:8080/。
2 想裁就裁 裁剪框一開始罩著整張圖，所以這一步你不動，就等於沒裁。每張圖各有各的框，在上面的列表裡點一張，就在那張上畫。裁切在縮放之前發生，這是唯一說得通的順序：先縮小再裁，那些本該留下的畫素早就扔掉了。
Alt + 方向鍵是改大小，按住 Shift 一步走十個。
加一張圖，框就出現在這裡。
自由 原比例 1:1 4:5 9:16 16:9 4:3 3:2 橫直對調
3 說清楚要多大絕不把圖片放大 放大是在編造當初根本沒拍到的畫素，所以一張小圖硬要撐到大尺寸，出來只會更糊，不會更清楚。開著這個，本來就比你要的尺寸小的圖，就按它自己的尺寸留著。
尺寸怎麼定 給寬和高，按畫素 給最長的那條邊 按現在尺寸的百分比 不改，尺寸原樣保持
只填一個、另一個留空，圖片就保持自己原來的比例。
1920 × 1080 1280 × 720 1080 × 1080 寬 600
比例對不上的時候 放進去，整張圖都在，有一邊會短一點 鋪滿，正好這麼大，溢位的裁掉 墊起來，正好這麼大，四周補背景 拉伸，正好這麼大，比例認了變形
最長邊
哪邊長哪邊就變成這個數，另一邊跟著走。同一批裡的直幅構圖和橫幅構圖，長邊就都一樣大了，相簿通常要的就是這個。
640 1280 1920 2560
絕不把圖片放大
4 儲存品質，85 只對 JPEG 和 WebP 起作用，PNG 沒有品質這個旋鈕。85 是多數人開始分辨不出來的那一檔。低於 60 上下，大片平坦的區域會開始出現色帶。
背景 畫面蓋不到的地方露出來的就是它：墊成固定尺寸時四周那一圈，以及輸出格式沒有 alpha 通道時透明的那些地方。
開始處理 取消
關閉
{name}：這個工具讀不了這種圖。 {name}：這個瀏覽器解不開。 {name}：{reason} 這個瀏覽器不肯寫 {format}。 這個瀏覽器解不開這張圖。 {n} 位元組 {n} KB {n} MB 1 張圖 {n} 張圖 差不多一樣大 小了 {percent}% 大了 {percent}% {count}，一共 {size} 裁剪預覽裡是 {name} 在 {name} 上畫裁剪框 預覽中 把 {name} 從列表裡去掉 什麼都沒改，所以這張原樣過去。 變成 {size} 改這張圖的尺寸 改這些圖的尺寸 {name} 的預覽 裁剪區域。方向鍵移動它，Alt 加方向鍵改它的大小，按住 Shift 則每步十個畫素。 正在 {name} 上畫。 每張圖各留各的框。{note} {name} 有自己的框。 {name} 還在整張圖上——從上面的列表裡選它，那張也能裁。 另外 {count} 還在整張圖上——從上面的列表裡挑一張來裁。 另外兩張都有自己的框。 另外 {n} 張都有自己的框。 另外 {total} 張裡有 1 張是自己的框；其餘的還在整張圖上。 另外 {total} 張裡有 {n} 張是自己的框；其餘的還在整張圖上。 列表裡每張圖都正好這麼大，所以另一張拿到的就是這個框。 列表裡每張圖都正好這麼大，所以每張拿到的都是這個框。 每張取同樣的相對區域——各自寬高的同樣比例——因為它們並不一樣大。 按圖自己的比例，取能放進每張同樣相對區域的最大的框；這樣就算它們不一樣大，出來的也都是你鎖定的形狀。 按 {ratio}，取能放進每張同樣相對區域的最大的框；這樣就算它們不一樣大，出來的也都是你鎖定的形狀。 JPEG 還是 JPEG，PNG 還是 PNG。這個瀏覽器寫不了的——GIF、BMP——出來是 PNG，透明和大色塊都留得住。 小，哪裡都打得開，但沒有透明：透出來的地方都會填上背景色。 無損，能透明，照片上比另外兩種大得多。 同樣畫質下比 JPEG 小，透明留得住，現在的瀏覽器都打得開。 WebP — 這個瀏覽器不支援 裁成 {crop} 縮放到 {size} 維持 {size} 裁成 {crop}，再縮放到 {size} {what}，補到你要的那個畫幅 {what}，按 {format} 寫出 {plan}。 加一張圖，這裡就會寫清楚它會變成什麼。 什麼都沒改：{name} 是 {size}，進來什麼樣出去還是什麼樣，一個位元組都不差。 {name} 是 {size}。出來是 {out}——{scale}。 {name} 是 {size}。出來是 {out}——畫面按 {scale}，畫幅剩下的地方由背景填上。 {name} 是 {size}。框留下其中 {crop}。出來是 {out}——{scale}。 {name} 是 {size}。框留下其中 {crop}。出來是 {out}——畫面按 {scale}，畫幅剩下的地方由背景填上。 框留下那部分的 {percent}% 原圖的 {percent}% 放大到框留下那部分的 {percent}% 放大到原圖的 {percent}% 不裁、不縮、格式也不變，所以沒有什麼要重新編碼：每個檔案都一個位元組一個位元組地原樣交還，EXIF 標籤也在，因為一個都沒開啟過。 這張圖 {plan}——EXIF 和 GPS 標籤活不下來，因為 canvas 裝的只有畫素。 {name}{plan}——EXIF 和 GPS 標籤活不下來，因為 canvas 裝的只有畫素。{rest} 另一張用同樣的尺寸和格式設定，裁法是它自己的。 另外 {count} 用同樣的尺寸和格式設定，裁法各是各的。 第 {index} 張，共 {total} 張：{name} 什麼都沒要求，所以什麼都沒做：每個檔案進來什麼樣出去還是什麼樣。 {before} 進，{after} 出——{change}。 {before} 進，{after} 出——{change}。其中 {count} 不用改，直接過去了。 {before} 進，{after} 出——{change}。其中 {count} 不用改，直接過去了。 看 {name} 的原尺寸 {size} · {bytes} — 沒動過 {before} → {after} · {beforebytes} → {afterbytes} · {change} 一個位元組一個位元組地過去了，後設資料也在：這個檔案本來就沒有要改的地方。 看 下載 原圖：{name} 結果：{name} 原圖 {name}，{size}。兩張都按這個視窗放得下的尺寸顯示，這是唯一公平的比法。 看結果 看原圖 存成 格式 之前 之後 檔案大小 裁剪 縮放 補白 畫質 後設資料 同一個檔案，一個位元組都不差 留著——這個檔案從沒開啟過 沒帶過來 — canvas 裝的只有畫素 {size}，從左邊 {x}、上邊 {y} 開始 沒有——整張圖都過去了 裁下來那塊的 {percent}% 原圖的 {percent}% 有——畫面坐在背景色上 在 {total} 個中的第 {done} 個之後停止。已完成的在下面。 在第一個完成之前就停止了。 你的圖片沒有去任何地方。載入了 {total} 個檔案，全都是本站自己的。{platform} 有東西聯絡了 {hosts}，而這個工具從不這麼做。值得去查一查。{platform} 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機，它們誰也沒拿到圖片，或圖片裡的一個位元組。 本站自己用於廣告、統計和捐贈按鈕的指令碼來自 {hosts} 個主機，它們誰也沒拿到圖片，或圖片裡的一個位元組。