跳至主內容

圖片裁切

將圖片裁切為特定的寬高比和位置。適用於社群媒體貼文、頭像和縮圖。

💡 Tips for Best Results

  • Aspect Ratio: Select ratio based on your use case (1:1 for Instagram, 16:9 for videos)
  • Position: Choose where to focus the crop (center is most common)
  • Free Crop: Maintains original aspect ratio with 80% of image
  • Quality: Cropping doesn't reduce quality, only removes parts of the image
  • Privacy: All processing happens in your browser - no uploads to server

主要功能

  • 多種寬高比選項
  • 自由裁切或固定比例
  • 5個裁切位置(中央、頂部、底部、左側、右側)
  • 即時預覽
  • 高品質輸出
  • 客戶端處理

寬高比

支援的比例

Free(自由)

  • 無限制裁切
  • 拖動調整大小
  • 完全自由

1:1(正方形)

  • 完美正方形
  • 用途:Instagram貼文、頭像、縮圖
  • 平台:Instagram、Facebook、Twitter頭像

4:3

  • 寬4、高3
  • 用途:一般照片、簡報
  • 平台:傳統顯示比例

16:9

  • 寬螢幕
  • 用途:YouTube縮圖、網站橫幅、電視/顯示器
  • 平台:YouTube、影片內容

9:16(限時動態)

  • 豎屏(16:9的相反)
  • 用途:Instagram/Facebook限時動態、Reels、TikTok
  • 平台:行動優先內容

4:5(Instagram)

  • 豎屏
  • 用途:Instagram動態貼文
  • 平台:Instagram豎屏照片的最佳比例

裁切位置

位置選項

中央

  • 從圖像中心裁切
  • 最常見的選擇
  • 當主體居中時最佳

頂部

  • 從圖像頂部裁切
  • 重要用於天空、背景

底部

  • 從圖像底部裁切
  • 重要用於底部內容

左側

  • 從左側裁切
  • 需要左對齊

右側

  • 從右側裁切
  • 需要右對齊

使用場景

1. Instagram貼文

比例:1:1(正方形)或4:5(Instagram)
位置:中央
目的:優化動態貼文

2. Instagram/Facebook限時動態

比例:9:16(限時動態)
位置:中央
目的:豎屏限時動態內容

3. YouTube縮圖

比例:16:9
位置:中央
目的:影片縮圖(1280×720px)

4. 頭像

比例:1:1(正方形)
位置:中央
目的:社群媒體頭像

支援的格式

  • 輸入:PNG、JPG、JPEG、WebP
  • 輸出:PNG(高品質)
  • 最大大小:50MB
  • 品質:無損

裁切技巧

平台特定比例

Instagram

  • 動態貼文:1:1(正方形)或4:5
  • 限時動態:9:16(1080×1920px)
  • 頭像:1:1(320×320px)
  • Reels:9:16

YouTube

  • 縮圖:16:9(1280×720px)
  • 頻道橫幅:16:9(2560×1440px)
  • 頭像:1:1

Facebook

  • 貼文:1:1或4:5
  • 封面照片:16:9(820×312px)
  • 限時動態:9:16
  • 頭像:1:1

技術細節

裁切方法

  • Canvas API:使用HTML5 Canvas進行圖像裁切
  • 客戶端處理:直接在瀏覽器中處理
  • 高品質渲染:保持原始解析度
  • 無損處理:儲存為PNG格式

隱私保護

  • ✅ 所有處理都在您的瀏覽器中進行
  • ✅ 圖片不會上傳到任何伺服器
  • ✅ 100%客戶端處理
  • ✅ 離線工作(頁面載入後)

常見問題

Q:裁切會降低解析度嗎?

A:裁切會保持原始解析度。但是,如果裁切區域很小,最終圖像大小也會較小。

Q:可以一次裁切多張圖片嗎?

A:目前一次僅支援一張圖片。請依次裁切每張圖片。

Q:可以自由選擇自訂區域嗎?

A:可以,選擇"Free"比例即可無限制裁切。

相關工具

瀏覽器支援

  • ✅ Chrome 50+
  • ✅ Firefox 50+
  • ✅ Safari 11+
  • ✅ Edge 79+
  • ✅ 行動瀏覽器