介紹
圖片裁剪器是一款專業的圖像編輯工具,可協助你精準裁切圖片並靈活控制輸出結果。它基於強大的 Cropper.js 建構,提供完整的圖片裁切與處理能力。
功能特色
- 多種長寬比:可選擇預設比例,也可自由裁切
- 多種輸出格式:支援匯出為 PNG、JPEG 或 WebP
- 品質控制:可調整 JPEG 格式的壓縮品質
- 自訂輸出尺寸:可為裁切結果設定指定寬度與高度
- 拖放上傳:支援拖放檔案,上傳更方便
- 範例圖片:內建範例圖片,方便快速測試
- 裁切歷史:記錄最近的裁切操作
- 下載與複製:可儲存裁切後的圖片或複製到剪貼簿
支援的檔案類型
圖片裁剪器支援常見的圖片格式:
- JPEG/JPG
- PNG
- WebP
- BMP
- GIF
- SVG
瀏覽器相容性
此工具可在支援以下能力的現代瀏覽器中運作:
- HTML5 Canvas API
- File API
- Blob API
- Clipboard API(用於複製功能)
開始使用
- 點擊「選擇檔案」上傳圖片,或直接拖放圖片到頁面中
- 拖曳選取框,調整裁切區域
- 選擇需要的長寬比與輸出設定
- 點擊「裁切圖片」產生結果
- 下載裁切後的圖片,或複製到剪貼簿
使用情境
- 頭像製作:產生合適的方形頭像
- 社群媒體:依不同平台要求優化圖片尺寸
- 網頁設計:準備符合版面尺寸的圖片素材
- 攝影處理:從大圖中擷取需要的局部區域
- 電商場景:產生統一尺寸的商品圖片