在瀏覽器中編輯圖像

該編輯器的工作原理、為什麼它將所有內容保留在您的裝置上，以及瀏覽器可以和不能對影像執行哪些操作。

一切都發生在您的裝置上

大多數線上圖像編輯器會將您的圖片上傳到伺服器，在那裡進行處理，然後發回結果。這意味著您的圖像副本位於其他人的電腦上，並受他們的保留政策和安全性的約束。

這個編輯器不是這樣運作的。您的瀏覽器已經包含完整的圖像管道：它可以解碼 JPEG、向您提供像素、讓您在它們上繪圖並編碼新檔案。該工具是該管道上的用戶介面。影像從磁碟讀入內存，在內存中編輯，然後寫回磁碟。

實際結果是，該工具一旦加載就可以離線工作，沒有超出設備內存的上傳限制，並且不會洩漏您的圖像，因為它從不傳輸圖像。我們的測試套件包括檢查是否沒有來源檔案包含網路調用，因此聲明是強制執行的，而不僅僅是斷言的。

選擇空白畫布的寬度和高度，或從您的裝置開啟 PNG、JPEG 或 WebP。開啟影像會取代目前文檔，因此請先匯出要保留的所有內容。

非常大的圖像會自動縮小，並且該工具會在縮小後告訴您。這不是任意的限制。一張 50 百萬像素的照片需要大約 200 MB 作為畫布中的原始像素，而輸出的第二個副本則將其加倍。在手機上，超過限制不會引發可捕獲的錯誤：瀏覽器交回空白畫布，或作業系統終止該選項卡。首先縮小圖像是工作編輯器和崩潰之間的區別。

畫筆、橡皮擦、線條、矩形、橢圓和文字工具與滑鼠、觸控板、手指或手寫筆的工作方式相同，因為編輯器偵聽統一的指標事件，而不是單獨的滑鼠和觸控處理程序。

一個細節使觸摸繪圖變得可用而不是令人沮喪：畫布聲明它可以處理自己的手勢，因此在其上拖動的手指可以進行繪圖，而不是滾動頁面。忽略這一點的編輯器在手機上幾乎無法使用，因為每筆畫都會與瀏覽器爭奪控制權。頁面仍然在畫布外的任何地方正常滾動。

指標事件的到達頻率也低於螢幕刷新的頻率，因此快速筆畫被報告為少數間隔較遠的點。編輯器會填補它們之間的空白，這就是為什麼快速的線條會顯示為實心而不是一排點。

每一個筆觸、形狀和變換都是撤銷步驟。從工具列或使用常用的鍵盤快速鍵撤銷和重做工作。

歷史是有目的的。每個步驟都會保留其更改的像素的副本，並且在每個步驟數十兆位元組的大圖像上。無限制的歷史記錄是耗盡手機記憶體的最快方法之一，因此該編輯器透過步驟數和總大小來限制歷史記錄，首先丟棄最舊的。狀態列顯示目前保留的數量。

這是一場深思熟慮的交易：以淺薄的歷史來換取不會在會話中途死亡的編輯。

圖層可讓您將註釋與下面的照片分開，這樣您就可以調整或刪除它，而無需接觸原始像素。您可以新增、選擇、按位置重新命名、重新排序、隱藏、設定不透明度、向下合併和展平。

這裡是一個小的柵格圖層模型，它故意停在那裡。混合模式、圖層蒙版、群組、調整圖層和非破壞性變換未實現。這些功能是草圖工具與專業合成器的區別，而它們的半工作版本比它們的誠實缺失更糟糕。限制頁面準確列出了缺少的內容。

每個圖層都包含一個全尺寸位圖，因此圖層消耗的記憶體與其數量成正比。上限是十二。

PNG 是無損的並保持透明度：繪圖、圖表和螢幕截圖的正確選擇。 JPEG 對於照片來說要小得多，但無法儲存透明度，並且每次儲存時都會損失一點品質。 WebP 可以很好地完成這兩項工作，並且在同等品質下產生的文件比 JPEG 更小。

如果您的影像具有透明區域並且您選擇 JPEG，編輯器會在儲存之前向您發出警告，並用白色填滿透明度，而不是讓瀏覽器選擇顏色（有時是黑色）。

導出的文件在頁面中產生並直接保存到您的下載資料夾中。

編輯器可以離線運作嗎？

是的，頁面載入後。沒有什麼可聯繫的，因此在初始加載後，互聯網連接與它無關。

為什麼我的照片打開後變小了？

因為它超出了瀏覽器畫布可以在您的裝置上可靠保存的範圍。另一種選擇是空白畫布或崩潰的選項卡，因此編輯器會縮小圖像並告訴您它使用的尺寸。

明天我可以從上次中斷的地方繼續編輯嗎？

不會。不會保存任何內容，因為保存圖像意味著將其儲存在某個地方。在關閉選項卡之前導出。