調整圖片尺寸

每個數位點陣圖像皆由固定的二維像素網格組成（例如，1200 萬像素的智慧型手機相片解析度為 4000 × 3000 像素）。若將 4000 像素寬的照片嵌入寬度僅 800 像素的網頁區塊中，訪客的瀏覽器在縮小呈現前仍須完整下載全部 1200 萬像素。

Utiliome 在瀏覽器分頁中直接於本機重新採樣實際像素矩陣：

• 高品質階梯插值：運用 HTML5 Canvas 2D 環境下的 imageSmoothingQuality = 'high'，平滑平均相鄰像素數值，讓縮小後的字體、人像與商品輪廓保持清晰銳利。
• 等比例長寬鎖定：啟用鎖定比例時，Utiliome 會嚴格維持原始寬高比例（高度 = 寬度 ÷ 長寬比），防止畫面變形失真。
• 即時本地重新編碼：可保留原始格式匯出，或直接轉檔為 WebP、JPG 或 PNG。

讓圖片的像素維度與展示容器精準相符，能有效防止版面位移並減少不必要的流量浪費。調整網頁與社群圖片時，可參考下列常用規格表：

若需調整照片比例（例如在不拉伸主體的前提下將 16:9 橫圖轉為 1:1 正方形），建議先使用我們的 裁切圖片 工具進行裁切後再調整尺寸。

掌握像素插值的運作機制有助於產出最清晰的影像：

• 縮小（例如 4000×3000 → 1200×900 或縮小 50%）：將尺寸減少 50% 會讓總像素量大幅縮減 75%（從 1200 萬像素降至 300 萬像素），大幅減輕檔案大小，同時維持細節清晰度。
• 放大（例如 300×200 → 1200×800）：標準 Canvas 重採樣是在現有像素間進行內插運算，放大超過 120% 時邊緣容易發虛模糊。若要修復重建微小或模糊相片的細節，請使用我們的 AI 圖片放大 工具。

若希望維持原有的像素尺寸不變，純粹縮減檔案的 KB 或 MB 容量，請使用專門的 壓縮圖片 工具。

為網站上線或商品型錄準備素材時，經常需要同時處理橫式橫幅、直式肖像與方形縮圖。Utiliome 的多標籤工作區同時兼顧個別微調與批次同步：

• 個別獨立分頁設定：每個上傳的圖片分頁都會獨立記錄縮放模式（依像素 或 依百分比）、目標寬高、長寬比鎖定狀態與匯出格式。
• 等比例全域同步：於百分比模式（如 50%）或鎖定比例的寬度模式（如寬 1200 px）下點選將尺寸套用至所有圖片，Utiliome 便會自動為批次中的每張圖片計算相對應的等比高度。

若需在縮放前後檢視檔案的 DPI、百萬像素與長寬比，歡迎使用我們的 圖片尺寸檢視器，或透過 轉換圖片 批次轉檔。