Araluma 如何運作

每項工具在哪裡執行,為什麼有些工具需要伺服器,以及如何在您自己的瀏覽器中確認。

兩種工具

Araluma 的每項工具都屬於以下兩類之一。瀏覽器工具會在您自己的裝置上讀取、編輯並儲存檔案。需要伺服器的工具會上傳檔案,在我們的伺服器上或由影像服務供應商處理,再把結果交還給您。需要伺服器的工具也備有備援方案,在無法連上伺服器時改由瀏覽器完成作業。

工具僅限瀏覽器需要伺服器伺服器故障時的備援方案
照片圓形裁切、裁剪圖片、調整圖片大小一律從不不需要
轉換格式(單一檔案,輸出 PNG、JPG 或 WebP)是否不需要
轉換格式(輸出 AVIF,或兩個以上檔案)否是瀏覽器編碼器
JPG轉PDF(單張圖片)是否不需要
JPG轉PDF(兩張以上圖片)否是在瀏覽器中組合
壓縮圖片僅 SVG 與非常大量的批次作業是在瀏覽器中壓縮
去除背景否是,優先使用 Cloudflare,其次為 ImageKit在瀏覽器中執行的 AI 模型
AI 圖片放大否是,優先使用 Cloudflare,其次為 ImageKit瀏覽器重新取樣

還有一種情況適用於所有工具:建立分享連結,或將結果儲存到 Dropbox 時,結果檔案會保存約兩小時,讓連結可以開啟。

為什麼不全部在瀏覽器中完成?

瀏覽器非常擅長幾何處理。裁切、旋轉、縮放圖片並以常見格式儲存,在裝置上只需一瞬間,也不必等待網路,所以這些工具從不離開您的裝置。

不過,有些作業在伺服器上效果更好:

  • 壓縮。 以 libvips 為基礎的伺服器端編碼器,在相同的視覺品質下,產生的檔案明顯比瀏覽器內建的編碼器更小,而且提供瀏覽器所沒有的 AVIF 設定。
  • AVIF 輸出。 在瀏覽器中編碼 AVIF 速度很慢,在手機上也很吃記憶體,因此 AVIF 轉換同樣使用這台伺服器。
  • 批次作業與多頁 PDF。 幾十張圖片排隊處理,會讓手機當住。伺服器會一併處理,並傳回單一 ZIP 或 PDF 檔。
  • 去除背景與放大。 兩者使用的 AI 模型都需要 GPU 才能在幾秒內回應。瀏覽器備援方案也能運作,但速度較慢,頭髮與毛髮的邊緣也比較粗糙。

檔案經歷了什麼:逐步說明

  1. 您選擇檔案。 選取、拖曳或貼上檔案後,網頁會取得該檔案的本機參照。此時不會傳送任何資料。
  2. 瀏覽器開啟檔案。 JPG、PNG、WebP、GIF 與 AVIF 由瀏覽器原生解碼。iPhone 拍攝的 HEIC 照片,則由網頁內執行的小型模組解碼。
  3. 開始處理。 瀏覽器工具會在 canvas 上編輯像素,並直接在原處編碼結果。需要伺服器的工具會透過 HTTPS 將檔案上傳到 Cloudflare R2 暫存空間,或直接上傳到 Cloudflare Worker,再於我們位於聖保羅的伺服器(壓縮、轉換、PDF),或 Cloudflare 或 ImageKit 的影像服務(去除背景、放大)中執行作業。壓縮圖片可能會在您加入檔案幾秒後就開始上傳,讓結果在您按下按鈕時已經準備好。
  4. 您取得結果。 完成的檔案會透過瀏覽器的一般下載提供給您。在伺服器上產生的結果會在暫存空間中保留約兩小時(壓縮圖片的下載畫面可以立即刪除),之後自動移除。

完整的保留期間表與供應商清單,請見隱私權政策。

在您自己的瀏覽器中確認

網路面板。 開啟開發人員工具(大多數桌機瀏覽器按 F12),選擇「網路」分頁並清除內容。執行照片圓形裁切、裁剪圖片或調整圖片大小:您只會看到網頁資源在載入,沒有任何夾帶您圖片的請求。接著執行壓縮圖片或去除背景:會出現一個上傳請求,接著是結果的下載。

離線測試。 載入一項瀏覽器工具,開啟飛航模式,或在「網路」分頁中勾選「離線」,然後再用一次。它會繼續運作,因為它本來就不需要網路。需要伺服器的工具則會改用備援方案,這也是查看每個步驟在哪裡執行的一種方式。

我們看得到與看不到的

對於瀏覽器工具,我們收不到任何關於您圖片的資訊,因為沒有任何請求夾帶它。

對於需要伺服器的工具,檔案只在作業執行期間,以及隱私權政策所列的保留期間內存在於我們的基礎架構上。由於沒有帳號,上傳的檔案不會與任何姓名或個人檔案連結。我們不會瀏覽上傳的檔案,也不會用它們訓練模型。

在每個頁面上,我們都會記錄匿名使用事件(工具、步驟、所花時間、錯誤、國家、裝置類型),用來找出錯誤與緩慢之處。我們自己不設定任何跨網站追蹤 Cookie。Google 在工具頁面上使用的廣告 Cookie 及拒絕方式,都在隱私權政策中說明。當 AI 模型或解碼器下載到您的瀏覽器時,我們的代管服務會知道有人要求了這個檔案,就像知道有人要求了樣式表一樣,但對您的圖片一無所知。

使用的技術

  • Astro:將每個頁面輸出為純 HTML,只在工具需要的地方加入 JavaScript。
  • 純 CSS:使用設計權杖(design tokens),不使用任何 CSS 框架。
  • Canvas 與 WebAssembly 編解碼器:用於在瀏覽器中執行的工具。
  • ONNX Runtime Web:在雲端路徑無法使用時,於您的裝置上執行去除背景模型。
  • Cloudflare:用於代管、Workers、R2 儲存空間,以及支撐去除背景與放大的影像模型。
  • 使用 sharp 與 libvips 的 Node.js 服務:執行於巴西聖保羅的 Hostinger 伺服器上,負責壓縮、轉換與 PDF 作業。

支援的瀏覽器

這些工具支援 Chrome、Edge、Firefox 與 Safari 的目前版本及前一個版本,電腦與手機皆可使用。瀏覽器支援較新的功能時,工具就會使用它,不支援時則改用較舊的方法,因此不會拒絕任何瀏覽器。所有工具都需要 JavaScript,只有需要伺服器的工具才需要網路連線。

還有其他問題嗎?

歡迎將技術問題寄至 support@araluma.com。