跨平台貼產品照
拖一張母圖,一次產生 Instagram 方形(1080 × 1080)、OG 圖(1200 × 630)、X header(1500 × 500)。每個 preset 正確裁切或 letterbox,主體都會留在畫面中。
線上圖片尺寸調整
依指定尺寸、百分比、長邊或社群媒體尺寸調整圖片大小,一次最多 20 張 — 全部在你的瀏覽器中執行。
px
×
px
85
拖放圖片到這裡,或點擊選擇
支援 JPG、PNG、WebP、GIF、BMP — 一次最多 20 張
處理中…
0%
為什麼選擇 iKit Image Resizer
快速、隱私、純瀏覽器執行 — 批次調整圖片尺寸,一鍵下載。
四種調整模式
指定尺寸、百分比、長邊上限,或社群媒體預設尺寸,自由切換。
一次最多 20 張
整個資料夾拖進來都行。單張直接下載,多張自動打包成 ZIP。
注重隱私
全部在瀏覽器中用 Canvas 處理,圖片完全不會上傳 — 拔掉網路也能用。
格式轉換
可輸出為 JPEG、PNG、WebP,或保留原始格式,JPEG / WebP 品質可調。
社群媒體預設
一鍵套用 Instagram 方形 / 直式 / 限動、OG 圖、X 封面、YouTube 縮圖、LinkedIn 橫幅等尺寸。
比例感知
輸入尺寸時可鎖定比例,或選擇預設尺寸時用你選的背景色補滿。
圖片 resize 怎麼運作
4 種 resize 模式、16 種社群預設,全部用瀏覽器原生 canvas 驅動。
-
1
選 resize 模式
選精確尺寸(1080 × 1080)、百分比(50%)、長邊上限(2048 px 最大邊),或社群媒體預設(Instagram square、OG image、YouTube 縮圖、X header 等)。每個模式對邊角處理不同 — letterbox、鎖比例、或拉伸。
-
2
解碼並重新取樣
createImageBitmap解碼來源。OffscreenCanvas處理重新取樣 — 縮小用雙線性、放大用雙立方(瀏覽器內建)。預設啟用高品質平滑化,避免 nearest-neighbour 縮小造成的「鋸齒」。 -
3
可選 letterbox 或背景填色
當目標比例與來源不符,可選裁切、拉伸,或用選定背景色 letterbox。社群媒體預設建議 letterbox — 用品牌色填滿,主體框架完整保留。
-
4
輸出 JPEG / PNG / WebP
選輸出格式與品質(lossy 格式有效)。單張直接下載;多張會用 image compressor 同款的純 JS encoder 打包成 ZIP。
真實社群媒體工作流
一張原圖,多個平台,30 秒搞定。
為部落格文章產生 OG image
快速把 hero 圖 resize 到 1200 × 630 — 所有社群平台連結預覽期待的尺寸。存成 WebP 檔小,沒有可見品質損失。
頭像 / 個人照
把方形頭像 resize 到 400 × 400(小)或 800 × 800(大)— Discord、Slack、GitHub 想要的尺寸。JPEG 品質 90 讓檔案 < 100 KB。
為 email 大量縮小
50 張原始 12 MP 解析度照片 → 50 張 1920 px 長邊照片,打包成單一 ZIP。容易塞進任何 email 服務的限制。
為什麼 resize 隱私很重要
把個人照片 resize 後分享,大多數 resize 網站還是要你上傳未修改的原始檔。iKit 用 OffscreenCanvas 在你的瀏覽器中執行 resize,所以原始 bytes — 完整解析度、完整 EXIF — 從不離開你的裝置。只有 resize 後的輸出存在,而且只在你的電腦上。
- 原檔不上傳 — 可在 DevTools Network 分頁驗證。
- 重編碼時移除 EXIF metadata,額外的隱私加分。
- 單張直接下載;多張 ZIP 在瀏覽器中打包。
常見問題
我的圖片會被上傳嗎?
不會。所有處理都在你的瀏覽器中透過 Canvas API 完成,圖片完全不會離開你的裝置 — 頁面載入後就算斷網也能繼續使用。
支援哪些格式?
輸入:JPG、PNG、WebP、GIF (僅第一格) 和 BMP。輸出:JPG、PNG、WebP,或保留原始格式。GIF 和 BMP 輸出時會轉成 PNG。
四種模式有什麼差別?
「指定尺寸」= 精確的寬 × 高。「百分比」= 依原圖的百分比縮放。「長邊」= 限制較長那邊的長度 (適合做縮圖)。「預設尺寸」= 直接選社群媒體常用尺寸。
一次能處理幾張圖片?
一批最多 20 張,每張 30 MB。單張直接下載檔案,多張會打包成單一 ZIP。
為什麼縮放後 JPEG 看起來模糊?
瀏覽器使用雙線性取樣演算法。如果要大幅縮小,建議把 JPEG / WebP 品質調到 90 以上。如果是放大小圖,任何軟體 (包括瀏覽器) 都無法憑空增加原本不存在的細節。